How to make a custom menu item

Posted in: Newspaper
Post count: 7
clearwood
#49085
May 14, 2015 at 7:53 pm

On my website derstreber.de I would like to change the background colour to black of one menu item.
It would be wunderful if you could help me.
Bild hochladen

  • This topic was modified 11 years by clearwood.
Post count: 7909
Alin [tagDiv]
#49131
May 15, 2015 at 8:56 am

Hi,

You can do this using css code in Theme Panel > Custom Css and you can use menu item unique class – http://screencast.com/t/PofV9dCzfrgh

.menu-item-8070 {
background: #222222;
}
.menu-item-8070 a {
color: #ffffff !important;
}

Thanks!

Post count: 7
clearwood
#49164
May 15, 2015 at 1:31 pm

It doesn’t work that well because this menu item now has problems with working on mobile devices and the object overlays the blue line.

Post count: 7909
Alin [tagDiv]
#49170
May 15, 2015 at 2:11 pm

Hi,

Please add also .sf-menu class to the above code so this it will not be applied on mobile menu – http://screencast.com/t/4Sng0HIl – http://screencast.com/t/wjLdZd2Dw
The border for active item should not be affected like you can see in the screenshot.

.sf-menu .menu-item-8070 {
background: #222222;
}
.sf-menu .menu-item-8070 a {
color: #ffffff !important;
}

Thanks!

Post count: 7
clearwood
#49178
May 15, 2015 at 2:43 pm

Thank you for your fast response but the boarder for active items is affected: when this item is not active the boarder for active items is black.
Bild hochladen

Post count: 7909
Alin [tagDiv]
#49186
May 15, 2015 at 3:04 pm

Hi,

Do you want to remove this border? – http://screencast.com/t/DqAQJ048

.sf-menu > li > a {
border-bottom: none;
}

Thanks!

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