Menu set to "Entire site" but changes not applied on mobile version

[Haz]

Good day!

Recently I downloaded menu from design cloud, I made all necessary configurations and assigned this menu to “Entire site”, it is saved on all device dimensions except for mobile. Could you please advise how to fix this problem? Thank you!

[ruenel]

Hello @Haz,

Thanks for writing in! Please check your header assignments because there are two or more assigned headers.

• https://theme.co/docs/conditions-and-assignments#assigning-headers-footers-and-layouts

You may also need to purge or clear all your plugin caches before your test your site again. You may need to use private browsing mode when testing on your phone or mobile device.

Best Regards.

[Haz]

Dear Ruenel,

Thank you for your hard work its appreciated!

I have cleared cache and used private browsing, unfortunately nothing changed. I deleted all other headers and assigned mine as main but it seems like problem still remains. Kindly assist me on fixing this problem, thank you!

[prakash_s]

Hello @Haz,

I checked your dashboard it seems that you have not set any of the headers as Entire site. I would suggest you set the Header as “Entire site”. You must check the assignment and condition as suggested by my colleague @ruenel. In case if it doesn’t work for you please let us know.

I also notice that your theme is not updated, you must update your Pro theme as per our version compatibility page.

Thanks

[Haz]

Dear Prakash,

Menu front page is set to “entire site” with Priority 1. I tried everything and it seems like mobile menu doesnt change.

[ruenel]

Hello @Haz,

Do you want to get rid of the User icon that displays on mobile? Please edit your custom and inspect your elements in the Layout tab. This is what you will see:

The Button element which displays the User icon is hidden away and only visible on smaller screens. You can easily know that because of the note that the “Hide During Breakpoints” option has been applied to the element. If you look closely in the Customize tab of the Button element settings, you will see this:

This indicates the Button element is hidden away from all screen sizes except those that are only 480 pixels and below. To get your issue resolve, you can simply hide away the button or if you do not the button, you can simply delete it from your header. And if you want the button to display on the other screen sizes, you just have to enable which screen you want it to be displayed on.

Hope this makes sense.

[Haz]

Dear Ruenel,

Thank you so much for your descriptive explanation. I was able to get grasp of the set up and fixed all of my issues. What an amazing support, thank you so much for your help!

[marc_a]

Hi @Haz,

We’re glad that my colleague @ruenel was able to help you with your issues. If you have any other concerns or clarification regarding our theme features, feel free to open up a new thread.

Thank you.