1 reply · opened Feb 1, 2022
Hi, after I got answer to my comment (https://themeforest.net/comments/27840962) I started to use the dots-menu as I find it in the suggested template page. Is there any way to hide the page sub-menu when the viewport is tablet/mobile sized and the dots-menu is hidden? Or better, keep the dots-menu in tablet as well and hide every page sub-menu and dot-menu in mobile view.
Any help would be appreciated!
Hello,
This is Definitely Possible. Here are two scenarios for you:
To hide the Page Menus on Tablets/Mobile Devices, simply use the following code:
[ch_pre][/ch_pre]
To make the Dots Menu appear on Tablets, you will need to change the Media Query for the Page Menus. Simply find the following block of Code in the style.css File:
[ch_pre type="css"]@media (min-width: 992px) {
.page-menu-nav {
display: -ms-flex;
display: flex;
.....
}[/ch_pre]
and change the 992px Value to 768px. This will enable the Dots Menu on Tablets as well. And then to hide the Page Menus on Mobile Devices, simply use the following code:
[ch_pre][/ch_pre]
This will definitely work fine. Hope this Helps!
We are making this easier to handle in the future updates.
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard