Joomla Templates Club 406,261 posts

[yetopen Friend yetopenJoin date: August 2014Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#201151

Hi.
I’d like to have the Sections menu always visible on desktop sizes (so still be hidden on mobile/tablets).

How can I do that?
thanks

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

#548793

Hi yetopen,

Do you mean that you want the Sections menu always shows without hovering? http://prntscr.com/4l3a78

If so, you can try with this tweak:
– Create a new css file called custom.css
– Add this css rule:

@media screen and (min-width: 768px) {
.side-nav.fade.always-show{
display: block !important;
}
.t3-mainnav .vert-nav .side-nav{
transform: translate(0%, 0px);
}
}


1 user says Thank You to Saguaros for this useful post

1. yetopen

[yetopen Friend yetopenJoin date: August 2014Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#552765

great, thanks!
adding this code I could also hide the, now useless, menu button:

button.btn-sidenav {
border-right: 0;
}
button.btn-sidenav > i {
display: none;
}


1 user says Thank You to yetopen for this useful post

1. Saguaros

[yetopen Friend yetopenJoin date: August 2014Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#557205

Hi,
it seems that the modify for have always the menu visible on desktop doesn’t work on safari. What can i do?

Thanks!

[Author]

Posts