Archived topic
How do I change the location of my menu on mobile?
3 replies · Started by stefanie on May 31, 2021
Viewing posts 1–4 of 4
Hi there,
I would like to be able to change the location of my menu on mobile if possible. It's currently right at the top of the screen, but I would like it to be where my social media icons currently are. I would then like the social media icons to be up where the menu is in the middle of the screen.
Please can you check out my website on mobile version to see what i mean?
Thank you so much!
zestforever.com
Hi stefanie,
Try to add this CSS
@media (max-width: 768px) {
.top-bar.top-bar-align-right {
order: -2;
}
}And change this CSS which you'v alrady added:
@media (max-width: 768px) {
#site-navigation {
order: -2;
}
}to
@media (max-width: 768px){
#site-navigation {
order: 0;
}
}In order to center the burger menu in mobile, try this CSS:
@media (max-width: 768px) {
.menu-toggle {
justify-content: center;
}
}Let me know :)
Hi Ying,
Yes, that worked perfectly, thank you so much!
You're awesome! ;-)
No problem :)
Glad to help!
This archived topic is closed to new replies.
