Make hamburger menu the default for all screen sizes

Support
#1

Hi, is it possible to set the mobile hamburger menu to be the default on all screen sizes please?

The site URL if needed is codebyrobin.com/baytree

Thank you!

Robin

#2

Hello Robin,

Thanks for writing in! We cannot check the mobile menu in your site at the moment because there is a JS error. I found out that you are using the latest version of Cornerstone with an older X theme. Could you please update to the latest versions? Our latest versions are:

  • X theme 7.2.3
  • Cornerstone 4.2.3
  • WP core 5.3.2 or higher
  • PHP 7.2 or higher

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

#3

Hi Ruenel, thank you for getting back to me. I have now installed all the updates you mentioned. Could you take another look and get back to me please? Many thanks

#4

Hi Robin,

Unfortunately, with the X theme, it can’t, It is possible with customization but that falls outside of the support that we can offer.

It is possible with PRO’s Header Builder though, so you might want to consider upgrading to PRO.

Converting from X to Pro

Thanks,

#5

Hi friech, thank you for getting back to me, although that is a disappointing answer. Could you hook me up with a trial version of PRO so I can verify if it is doable with that theme? Thank you.

#6

Hi @robins3000,

Check this link https://rec.secdns.co/marc/, the site uses PRO and I adjust the menu to make it hamburger menu in order for you to check that it is doable in PRO.

Thank you.

#7

looks like converting to PRO could mess up a lot of the customisations i have done so far. could you please just tell me where in the X theme i can adjust the breakpoint for the hamburger menu? thanks

#8

@robins3000,

There is no option in the X theme where you could adjust the breakpoint for the hamburger menu.

Here’s a tip on how to attain with your current setup with the help of CSS and JS.

1.) The hamburger menu element is just there it is just need to display on the desktop view
2.) Once you are able to show the hamburger menu in the desktop view, use the toggle function of jQuery https://api.jquery.com/toggle/ for you to able make the hambuger menu in desktop works.
3.) Hide your main menu in the desktop using CSS.

I hope it will help you to solve about your concern.

Thank you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.