Spreading out the Main menu with CSS

Posted in: Newspaper
Post count: 4
jyagres
#19580
Aug 28, 2014 at 12:09 am

Hi,

I am trying to spread out the items on the main menu more and have the items be justified to the left. I have the following code in my CSS.

.sf-menu > li > a {
padding: 0 50px 0 5px; }

The ‘right’ padding value (50) padding seems to have no effect. I can change the ‘left’ value (5) just fine, but cannot change the ‘right’ one. site is napeatrepeat.com

Thanks,

James

  • This topic was modified 11 years by jyagres.
Post count: 6600
Lucian
#19610
Aug 28, 2014 at 11:00 am

Hi,

Please use this css in theme panel > custom css, and add !important, like this padding-right: 50px!important; if it’s not working:

.sf-menu .menu-item a.sf-with-ul {
padding-right: 50px!important;
padding-left: 50px;
}

.sf-menu .menu-item .sf-sub-indicator {
right: 40px;
}

Change the values as you like, I have tested this on your site an works like this:http://screencast.com/t/Dy476b64z8QB

Thanks

Post count: 4
jyagres
#19639
Aug 28, 2014 at 5:45 pm

Got it. thanks

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.