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

[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.

[Tom]

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?

[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

[David]

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;
}

[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

[David]

Glad to hear you got it working !

[Author]

Posts