How can I remove the toggle menu from mobile view?
-
I am currently using the Hatch theme and I’d like to know how can I remove the toggle menu from mobile view? I would like the menu to stay as the desktop version for all screen sizes. I don’t want the toggle menu to appear when the screen size is smaller (mobile users). I’ve found instructions of how to do this with other WordPress themes, but none of those suggestions have worked on the Hatch theme. Any help would be greatly appreciated.
The blog I need help with is: (visible only to logged in users)
-
What methods are you seeing suggested?
Have you tried logging into your WordPress.com site’s dashboard and go to Appearance–>Mobile and clicking Enable Mobile Theme–>No?
-
I have turned off the Mobile Theme in settings. It’s actually not just a mobile specific issue. It’s on any screen that is under a certain width. If I shrink my desktop window down the menu slowly gets closer and closer until it suddenly turns into the toggle menu. Since my mobile device has a small screen, I only ever see the toggle menu.
I’m very new to this and I don’t have much css knowledge. These are the answers I’ve found for other themes (I can’t find anything Hatch related for this issue), but none have worked.
1) I tried setting a minimum screen width with a solution I found that sounded like it would work:
@media screen and (min-width: 10px)2)I found this solution in the same post, but don’t even know what it means:
@media screen and (max-width: 680px) {
.main-navigation div.nav-menu > ul {
display: block;
}
.menu-toggle {
display: none;
}
} -
I think that,if possible, it is going to take some fancy CSS. Why don’t you make a post in the CSS Customization forum and see if anyone there has some ideas:
- The topic ‘How can I remove the toggle menu from mobile view?’ is closed to new replies.
WordPress.com Forums 