We're growing into something new. Read More
ravenousravendesign

Heather Wood


Discussion

100% Child Width when Parent is only 50%

Is there anyway to make a a child element 100% width of the screen while it's parent is only 50%? For example, I need to make the black footer for this site extend the full width of the screen while maintaining the integrity of the rest of the site. http://www.msdnw.com/ I created my custom div of #blackback and have tried various ways to make it work and just can't. Any ideas? P.S. Yes I've already tried placing the div below the footer code as apposed to wrapping the footer. But perhaps the code I was using was not working how I needed. Thanks for any help :)

/* Resize Background Behind Nav and Header top -96 res*/
@media only screen and (max-width: 800px) {
	.res-wrap{
		position: absolute;
		background: url(images/bg3-746.png) repeat-x !important;
		width: 100%;
		height: 500px;
		top: -96px;
	}
	
	#header{
		width: 100%;
		height: auto;
		background-size: 100% auto !important;
	}
	
	#header .widget-area img {
    height: 157px;
    width: 378px;	
	}
	
	#header .widget-area {background-size: 100% auto !important; background-position: 0 10px !important; height: 330px;}
	.header-image #title-area, .header-image #title, .header-image #title a {height:260px;}
}


@media only screen and (max-width: 746px) {
	.res-wrap{
		position: absolute;
		background: url(images/bg3-746.png) repeat-x !important;
		width: 100%;
		height: 500px;
		top: 104px;
	}
	
	#header{
		width: 100%;
		height: auto;
		background-size: 100% auto !important;
	}
	
	#header .widget-area img {
    height: 138px;
    width: 344px;	
	}
	#header .widget-area {background-size: 100% auto !important; background-position: 0 10px !important; height: 307px;}
	.header-image #title-area, .header-image #title, .header-image #title a {height:260px;}
}

@media only screen and (max-width: 480px) {
	.res-wrap{
		position: absolute;
		background: url(images/bg3-480a.png) repeat-x !important;
		width: 100%;
		height: 500px;
		top: -96px;
	}
	
	#header{
		width: 100%;
		height: auto;
		background-size: 100% auto !important;
	}
	
	#header .widget-area img {
    height: 80px;
    width: 192px;	
	}
	#header .widget-area {background-size: 100% auto !important; background-position: 0 10px !important; height: 192px;}
	.header-image #title-area, .header-image #title, .header-image #title a {height:172px;}
}

@media only screen and (max-width: 320px) {
	.res-wrap{
		position: absolute;
		background: url(images/bg3-320.png) repeat-x !important;
		width: 100%;
		height: 500px;
		top: -96px;
	}
	
	#header{
		width: 100%;
		height: auto;
		background-size: 100% auto !important;
	}
	
	#header .widget-area img {
		width: 116px;
		height: 53px;
	}
	#header .widget-area {background-size: 100% auto !important; background-position: 0 10px !important; height: 122px;}
	.header-image #title-area, .header-image #title, .header-image #title a {height:122px;}
}

Getting Responsive Header To Work Correctly

I can't seem to get this theme to respond very well with the buttons at the top right of the website. What I'm trying to accomplish is when the site responds below the 960px the logo on the right should flow to the top, which it does. The buttons and phone number on the right should flow to the bottom, which it does. But my problem is I need all of that info to to fill the space 100% at all times below 960px. It's the Agency Theme from Genesis. I get so frustrated with responsive sites!! I seem to have got the dimensions to work, but only when it's the exact size I have made. Max-width 800px, 746, 480,320. But this is not ideal because it is still not responding properly if another size screen were to open it. You can see what I mean by moving the browser around. What advice can you give me to make the header respond properly. What am I doing wrong? Thanks for any help guys :) Here is the site and responsive code I'm currently utilizing: http://184.154.126.130/~american/#

New Revision of Ravenous Raven

I redesigned from the last design I posted a couple days ago. I appreciate all your feeback and always take it into consideration :) If your just tuning in, I'm redesigning www.ravenousravendesign.com. I need to do this to achieve more color and a sticky menu effect.

Redesigning Ravenous Raven

So, I got a wild hair tonight to change Ravenous Raven Design. I needed to change my design for two giant reasons. 1. I needed more color and texture. 2. I feel I need a sticky navigation menu. This new look will allow me this luxury. I would love eveyrones feedback good and bad :) P.S. I know the menu is too close to the header image. I will be fixing that when I implement it into the website.

Discussion

What represents fresh?

Working on a logo that has the word fresh in it. fresh foods. What elements/images represent "fresh"? What fonts represent "fresh" well? Thanks everyone :)

Discussion

What is your preffered ecommerce solution

I'm looking very heavily at prestashop. I have not been happy with wordpress as an ecommerce solution and feel I should change to something more specifically designed for ecommerce alone. What are you thoughts on an eCommerce platform? Pros, Cons of your favorite. Horror stories you've heard about others?

How to fix "First Byte Time" for Speed

So I have tried googling but didn't come up with any cohesive solutions for fixing the first Byte Time on my site speed. I have attached an image of my web page speed score. Can anyone give me some tips or articles to fix First Byte Time specifically?

Discussion

Managing Private Client Information

What are the best ways to store client account information. I design many websites for all different kinds of clients. They all have hosting usernames and passwords, paypal, emails, wordpress, ftps and etc that I need to keep track of for each. How do you manage your client account info? What resources are available to me to make sure all my client information is safe?