Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 page

    Thanks

    #1247509

    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

    #1247533

    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!

    #1248092

    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

    #1248551

    Thank you Ismael, that has worked perfectly for me.

    Appreciate the assistance!

    #1248618

    Hi oladigital_co,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.