Close

Logo and header link adjustment

staeri
9 years ago
#8710 Quote
Avatar
  • 7
Hi!

I would like make the header link section in the mega menu a bit wider so there is less space between the logo and the header links (I need to show more header links on the same row). What do I need to modify to make this work?
Peter.Zhekov
9 years ago
#8720 Quote
Avatar
  • Moderator
  • 104
Hi Staeri,

Generally there are different ways you can do this, but it depends mainly by your layout. If you tell me which theme you have used I can be more precise (otherwise I will be guiding you blindly ).
Try with adding the following styles in the 'styles.css' file (you need to find the lines below and just add the bold one styles):

.header-links-wrapper {
    max-width:65%;
}

So you must find '.header-links-wrapper' and try to set some value for 'max-width' property you are not required to use 65% like the example I have used ...just try. This must give you more space for the links...even if they drop to second line.
Regards,
Peter Zhekov
Nop-Templates.com