Pages + categories styling in megamenu

Posted in: Newspaper
Post count: 14
rhodezman
#198879
Oct 25, 2017 at 9:46 am

Hello,

I would like to place both categories AND pages in a megamenu. The problem is that the styling (placement!) of the category items and page items is different. I’d like to have the exact same placement for page items as for category items in menu (pages after categories in similar fashion with same hover effect). I couldn’t figure out how to do this with CSS, I could only align all items to right but the gap between is bothering.

Here is my site in progress: https://kaupunkikanava.fi.seravo.com/

You can see current pages + categories layout in RADIO submenu (it’s default, with text-align:right for categories)

Post count: 20688
Simion C.
#198933
Oct 25, 2017 at 2:32 pm

Hi,

The mega menu is not supposed to be used like this. I can give you a code to make them display as you want, but you will have to make tests and see it it causes any problems.
– https://www.screencast.com/t/YjkPbNCxsIT
Enter it in Theme panel->Custom CSS section

.menu-item-123 .sub-menu .menu-item > a {
padding: 7px 22px;
top: -80px;
}

Thanks

Post count: 14
rhodezman
#199936
Nov 1, 2017 at 4:13 pm

Hi there,

this seems to work, thanks a lot for your kind help! 🙂

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