How to have header banner ad show on mobile?

Home Forums Gillion Theme How to have header banner ad show on mobile?

Home Forums Gillion Theme How to have header banner ad show on mobile?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • starboardcreative
    Participant

    It looks as if the header banner does not show when the site is scaled down or viewing on mobile (anything under about 1020px wide when it triggers to the hamburger mobile menu, etc.). How can we get the banner ad to show on mobile, either above or below the logo/menu icon?

    Hi @starboardcreative,

     

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

     

    Could you please share me your site URL where it’s displaying so that i can help you?

     

    Best regards,
    Shufflehound team

    starboardcreative
    Participant

    Sure! The URL is below in the private section (since we’re still under development we want to keep the url private until launched). Thanks!

    Not sure what you are referring as banner ad on your shared site.

     

    Are you referring the top section as shown in the attached screenshot?

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

    starboardcreative
    Participant

    No, the 728×90 banner ad to the RIGHT of the logo (see screenshot attached and the banner ad circled in red). This banner ad, the book/buy now banner ad you see in the screenshot attached, does NOT show on mobile. Once the site is scaled down for mobile, that header banner ad disappears. We need to make sure it stays on the site on mobile. Maybe under the logo when the site is scaled down for mobile?

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

    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){
    #page-container header.primary-desktop {
        display: block!important;
        height: auto !important;
    }
    #page-container header.primary-desktop .sh-header-logo-container,
    #page-container header.primary-desktop .sh-header-top,
    #page-container header.primary-desktop .sh-header{
        display: none;
    }
    }
    
    .sh-header-mobile-dropdown {
        z-index: 99999;
    }
Viewing 6 posts - 1 through 6 (of 6 total)