Home Forums Azuma Pro Offer Bar on Mobile

  • This topic has 4 replies, 3 voices, and was last updated 1 month ago by Andy.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #12157
    Chris Koeven
    Participant

    Is it possible to make all or any of the offer bar items appear on mobile view?

    If not, is it possible to put a button under the menu/logo on the mobile view?

     

    #12159
    Yazmin
    Keymaster

    To make the offer bar widget area appear on mobile, add either of these snippets of CSS to Customize > Additional CSS

    To display all on one line similar to how it appears on desktop, use this:

    @media (max-width:768px) {
        #site-usp,
        #site-usp .container {
            display: flex;
        }
    }

    or to display each item on separate lines, use this:

    @media (max-width:768px) {
        #site-usp,
        #site-usp .container {
            display: block;
        }
    }
    #12162
    Chris Koeven
    Participant

    That Worked.  Another related Question:

    Can I move the Offer bar to the bottom of the header image (not center) for desktop and mobile?

    #12163
    Chris Koeven
    Participant

    Inspecting the format, it looks like that wont be possible, but if I am wrong, Let me know

    #12175
    Andy
    Keymaster

    That won’t be possible without changing the theme’s template files to remove the offers bar from the masthead and put it into the header image section.

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