Mobile Front Page

Hey there murphysmom,

Hope you’re well today!

I’ve quickly checked the theme and it is using the “hamburger” menu (button that expands on click) on smaller resolutions like many other themes do, this is how it is supposed to look like https://screencast.com/t/cQLyZRjpJwak.

If this is not what you’re seeing on mobile versions would you mind posting link to your site so I can take a look?

Best regards,
Bojan

Thank you so much for your response on my above question. You indicated this was the “hamburger” menu button and you were absolutely right. When viewing the website from a mobile device, I didn’t realize that was what I needed to click on to bring on the popdown menu. My question now is if I didn’t know this, others won’t either. How do I change this from a “hamburger” menu to a more user friendly menu?

Thanks!

LE

Hey again,

Well generally hamburger menus are a common thing for mobile resolutions so I guess which I why I assumed where to click in the first place.

If you’re still looking to remove it and display the menu I guess you could simply use CSS to make it expanded in the first place and remove the toggle icon so it stays that way, something like this https://screencast.com/t/nmygW273ON.

If you want to do that please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

@media screen and (max-width: 600px) {
.main-navigation ul, #top-menu-secondary:not(.none) {
  display: block;
}
.menu-toggle, .main-navigation.toggled .nav-menu {
  display: none;
}
  #et_active_menu_item {
  display: none !important;
  }

}

This should make it expanded and will remove the toggle icon on smaller resolutions as in screenshot.

Hope this helps ??

Best regards,
Bojan