Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1066378

Hi Chiara,

When I inspect that menu item in off-canvas, it looks like there is not class suffix nav-pills for this menu module.

Go to admin panel > Extensions > Modules > look for menu module in off-canvas position > Advanced tab and add ‘ nav-pills’ class to Module class suffix field: http://prntscr.com/gtyx7n

The style will be ok then.

Regards

[chiara aliotta Friend chiara aliottaJoin date: June 2017Posts: 11Downloads:15Uploads:0 Thanks: 2]

#1081559

Hello again,

the same menu has some problem after adding the " nav-pills" class. The
Home and Our Work are stacked in the same line: https://www.dropbox.com/s/ekh7ekjecfd16ow/Screenshot%202017-12-15%2020.24.00.png?dl=0

I tried to understand what was the problem. I honestly didn't touch any code. Right now it is impossible to navigate between the items Home and Our Work.

Thanks in advance, Chiara

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1082077

Hi Chiara,

You can try adding this custom CSS:

.t3-off-canvas .t3-off-canvas-body .nav-pills > li {
    float: none;
}

into the file: root/templates/ja_mono (your default template)/css/custom.css (create this file if it doesn’t exist)

Regards

[chiara aliotta Friend chiara aliottaJoin date: June 2017Posts: 11Downloads:15Uploads:0 Thanks: 2]

#1082458

Thank you!
It worked like a charm! 🙂

[Author]

Posts