Joomlabamboo Support Forum :: Topic: Keep sidebar collapsed on mobile devices (1/1)

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Keep sidebar collapsed on mobile devices

If you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 5 months ago

Hi first of all, thank you for making such a nice template. It is simple but so sophisticated at the same time. That is an amazing job.

I just wonder if there is a way to keep the sidebar collapsed all the time only on mobile devices. I think that would something nice to have, since it is the only way to decently browse through the website from an iPhone for example, but at the same time be able to use the nice full width sidebar on desktop browsers.

helioha
LIfetime Developer - Big Bamboo
2 posts
Karma: 0

The administrator has disabled public write access.

9 years 5 months ago

Hi,

The width of the menu comes from a class on the sidebar. You can add the styles of the collapsed menu to the standard menu at certain screen widths by using a media query.

@media all and (max-width: 786px) {
    #sidebar.notcollapsed {
        width: 60px;
        min-width: 60px;
        min-height: 0 !important;
        padding: 0;
        position: fixed;
        z-index: 200;
    }
}

If you adjust the 786px value to the maximum width of screens you want to target then that should work.

Regards,

Rob

Robert Went
Moderator
2210 posts
196 Thanks
Karma: 90

The administrator has disabled public write access.

9 years 5 months ago

And welcome to Joomla Bamboo

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 5 months ago

Thank you, you guys are awesome!

helioha
LIfetime Developer - Big Bamboo
2 posts
Karma: 0

The administrator has disabled public write access.

9 years 5 months ago

Cheers

I'll pass on your thanks to Rob

Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Keep sidebar collapsed on mobile devices

Happy Campers