[Resolved] reverse order of top bar widgets on mobile

Home Forums Support [Resolved] reverse order of top bar widgets on mobile

Home Forums Support reverse order of top bar widgets on mobile

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1679559
    Mark

    I’m building a GP site at bangs-generatepress.michianait.net

    I have two top bar widgets: phone number and address on the left: Hours on the right. (This is the way it displays on the desktop.) However, on mobile, two widgets are stacked with the Hours at the top and the phone/address below them.

    I seem to recall something about being able to reverse the stacking order of the widgets on mobile, but leave them the way they are on the desktop.

    Can this be done without CSS? If not, could you tell me the CSS I need to add to make this happen?

    Thanks
    Mark

    #1679575
    Mark

    Leo,

    Thanks for your response. I am not familiar enough with the inspector that I could tell which CSS I should add in the customizer.

    Could you list CSS that I need to enter?

    Thanks
    Mark

    #1679581
    Leo
    Staff
    Customer Support

    Try adding this CSS:

    @media (max-width: 768px) {
        .top-bar .inside-top-bar {
            flex-direction: column-reverse;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1679600
    Mark

    Thanks, Leo

    Mark

    #1679674
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.