Announcement

Collapse
No announcement yet.

Spacing of Main Menu

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Spacing of Main Menu

    On my 2013 websites I have the main menu links spaced out to fill the width of the page (when on a pc), involving changing the padding figure in a line in the CSS.

    I would like to do the same in 2014, as at present I have about 5 entries in the line and then a lot of blank space along the rest of the horizontal bar.

    However, I cannot find now where in the CSS to do this. I have experimented in various places, wherever the word Padding appears in anything connected with a menu, but nothing changes.

    Any ideas?

    Sarah

    #2
    Adding something like the following at the end of the stylesheet layout should achieve what you want (You will need to adjust the values to achieve the right width):

    #mega-menu ul li {
    padding-left: 10px;
    padding-right: 10px;
    }
    Bruce Townsend
    Ecommerce Product Manager
    Sellerdeck Ecommerce Solutions

    Comment


      #3
      Thank you. This worked well. It spread the menu out nicely on my pc (using 30px), and mobile stayed the same as it should, with vertical menu, but on typical tablet size it wrapped the menu with just one or two items on next line, so not so good. So decided to leave as it is. Doesn't look too bad.

      Sarah

      Comment

      Working...
      X