Jump to content

.London Domains - £4
Photo

Custom Header and Menu Width?

css html Header Wrapper Site width

  • Please log in to reply
1 reply to this topic

#1 Tdickson

Tdickson
  • Member
  • Newbie
  • 1 posts

Posted 06 July 2017 - 02:30

Can I get some help on making my header and top menus the same width as my main wrapper?

Here's my site: soccer-mate.com

Here's what I have as custom CSS so far:


 

/* Structure */
#wrapper { min-height: 100%; position: relative; padding: 0.5px 0 20px; }

#main { padding: 10px 10px 0; }

/* Header */
#header { min-width: 990px; padding: 0; }

#branding { width: 980px; margin: 0 auto; padding: 0; }

.logo { max-width: 590px; float: left; padding: 30px 0 34px 10px; }

.blog-name { margin: 0 0 3px; line-height: 1em; display: block; }

.blog-description { line-height: 1em; display: block; margin: 0; padding: 3px 0 0; }



#top-menu, #nav { min-width: 990px; }

#top-menu-content, #nav-content { margin: 0 auto; width: 978px; }






Thanks.


Edited by Renaissance-Design, 06 July 2017 - 10:56.
Easier to read if you use the Code button

  • 0

#2 Rajesh DN

Rajesh DN
  • Member
  • Newbie
  • 2 posts

Posted 03 December 2017 - 18:47

Hi man,
 
For changing the width of the header and navigation menu, just you need to change the header and navigation menu's width. that's it.

#top-menu{
  margin: 0 auto;
  max-width: 980px; /* make it 100%  */
  background: #0a0f05;
}
 
#header {
  max-width: 960px; /* make it 100%  */
  margin: 0 auto;
  padding: 10px;
  background: #FFF;
}

 
I hope, this may help you.


  • 0





Also tagged with one or more of these keywords: css, html, Header, Wrapper, Site width

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users