Tutorial: Adding a Full Width...

User 2716614 Photo


Registered User
21 posts

Hi all. I am trying to implement the full width header. I have followed the tutorial but my header remains contained within the 1200px wide grid...

body.grid-1 {
max-width: 1200px;
}

How can I break the header out of this set page width?
User 187934 Photo


Senior Advisor
18,472 posts

Uncheck the max-width.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2716614 Photo


Registered User
21 posts

Blimey Eric! You could have tried making it sound a bit more complicated than that. I've been pulling my hair out.

Thanks :D

I didn't think to look at the Grid and thought my whole page would spread apart if I changed that. Many thanks.
User 458539 Photo


Registered User
1,208 posts

Noticed in the example that the picture doesn't change in height at all. I see the declaration of 520px in the css but what if I want the picture to adjust in size as it gets smaller (on both axis) ?

Thanks

Byron

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.