Archived topic
change mobile bar phone item position from left to right
5 replies · Started by liorsade8 on October 16, 2018
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.
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?
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
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;
}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
Glad to hear you got it working !
