Hi there,
I have used a fullwidth sub-menu as the main menu on the desktop version of my home page. Therefore, I have higgen the Header on this page in the Layout settings.
However, the way the fullwidth sub-menu presents on mobile is not as desirable as the standard mobile menu.
Is there a way to:
1. Enable header only on the mobile version of the page
2. Hide Fullwidth sub menu element only on mobile version of the page
Thanks
Hey oladigital_co,
Could you post a link to the page in question so that we can have a closer look please?
Best regards,
Rikard
Hi Rikard,
This is for the home page (the website is in coming soon mode so have credentials for you attached).
https://celebratinginstyle.com.au/
Thank you!
Hi,
Thank you for the update.
You should enable the default header, hide it on desktop view and only display it back on mobile view while hiding the sticky full width sub menu using css. This way the actual burger menu of the theme will still display on mobile view. The full width sub menu element is not really intended to be used as the main menu.
To hide the header on desktop view, please use this css code.
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.home #header {
display: none !important;
}
}
Remove the .home selector if you want to apply the css code throughout the site.
Best regards,
Ismael
Thank you Ismael, that has worked perfectly for me.
Appreciate the assistance!
Hi oladigital_co,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria