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
19,172 posts
Online Now

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

This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
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,391 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) ?



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.