[Resolved] change mobile bar phone item position from left to right

Home Forums Support [Resolved] change mobile bar phone item position from left to right

Home Forums Support change mobile bar phone item position from left to right

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #702673
    liorsade8

    hello,
    i want to make that the phone icon i put in the mobile bar items will be near the menu – to the right in my case…
    now it’s behind the logo…

    i have added lines of code from the forum to change the position of the menu… because when i add the Mobile Header functions it’s replacing the position… this is the code i have entered:
    #mobile-header button.menu-toggle {
    position: absolute;
    right: 0;
    }

    please help,
    thanks.

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #702752
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I’m not too sure what you mean.

    Here’s what I’m seeing without your code: http://prntscr.com/l6xxwr

    What about it needs adjusting?

    #702800
    liorsade8

    Hi
    This is not possible…
    This is what I have:
    https://prnt.sc/l6yik8

    What I want is:
    To put the logo to the left and the phone to the right… near the menu
    Thanks

    #703149
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    #mobile-header .mobile-bar-items {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    #mobile-header .menu-toggle {
        position: relative;
        -webkit-box-ordinal-group: -1;
            -ms-flex-order: -2;
                order: -2;
    }
    #703345
    liorsade8

    Great man! as always! Generatepress to the rescue!
    thanks guys! it works!

    but just to mention for everyone else who reads this topic
    i have deleted the code:
    #mobile-header button.menu-toggle {
    position: absolute;
    right: 0;
    }

    thanks

    #703363
    David
    Staff
    Customer Support

    Glad to hear you got it working !

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