Header Banner Mobile

Home Forums Gillion Theme Header Banner Mobile

Home Forums Gillion Theme Header Banner Mobile

This topic contains 3 replies, has 2 voices, and was last updated by  Shufflehound Support 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts
  • Hi,

    I’d like the header banner to view on mobile.  How do I do this?

    Many thanks

    Irwin https://www.swirlingovercoffee.com/

    Solution for this topic

    Hi @swirlingovercoffee,

     

    I hope you are well today and thank you for your question.

     

    You can display it on mobile by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 1025px){
    header.primary-desktop {
        display: block !important;
    }
    header.primary-desktop .sh-header-height .sh-header-logo-container,
    header.primary-desktop .sh-header-height .sh-header {
        display: none !important;
    }
    header.primary-desktop .sh-header-middle {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    header.primary-mobile{
        margin-top: 80px;
    }
    }

     

    Best regards,
    Shufflehound team

    Thank you for this, it works.  Could you let us know how to remove the extra space that suddenly appeared below the logo? (Screenshot attached).

    Also, is there a way to make the ad background white instead of transparent?

    Thanks

    Attachments:
    You must be logged in to view attached files.

    Glad it’s working for you.

     

    To help us keep support thread separates could you please create a new thread for each of your other questions instead of asking them in your single thread as it makes the thread messy and hard to read.

     

    If you want to you can also add a reference to this thread in your newly created thread.

     

    We would be more than happy to help you with your new thread.

Viewing 4 posts - 1 through 4 (of 4 total)