Jump to content

Wexley: navigation split left. content centered.

Recommended Posts

  • 3 weeks later...
  • Replies 9
  • Views 3k
  • Created
  • Last Reply
  • 6 months later...
Posted

@wiredface I did the following and got it to work:


#mainContent {
 max-width: 1250px;
 margin-left: auto;
 margin-right: auto;
}
#page {
   width: auto;
   margin: auto;
}




  • 1 month later...
Posted

this is exactly what I needed for my site; however, now my footer is floating center as well. How can this be modified so that the footer stays left?

Posted

this is exactly what I needed for my site; however, now my footer is floating center as well. How can this be modified so that the footer stays left?

  • 6 months later...
  • 1 month later...
Posted

I tried this, but it also left justified the header of the page, where i inserted my newsletter block, which is exactly what I want to be centered!

So I came up with this code:


.logo {
  position:float;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;}

#topNav{position:absolute;float:left;clear:left; top:35px; bottom:35}

However, when I resize the page, the left side of the navigation moves overtop of the logo. Can anyone help me get that so that it will stay to the right of the logo when the page is resized?

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.