-
AuthorPosts
-
September 21, 2020 at 7:22 am #1247264
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 pageThanks
September 22, 2020 at 4:52 am #1247509Hey oladigital_co,
Could you post a link to the page in question so that we can have a closer look please?
Best regards,
RikardSeptember 22, 2020 at 8:23 am #1247533Hi 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!
September 24, 2020 at 9:44 am #1248092Hi,
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,
IsmaelSeptember 26, 2020 at 4:59 am #1248551Thank you Ismael, that has worked perfectly for me.
Appreciate the assistance!
September 26, 2020 at 11:03 am #1248618Hi oladigital_co,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
