I would like to put the burger menu in the upper right header area and the logo to center on the mobile version of the website. The burger menu is currently to the right of the logo and pushing the logo to the left.
Hey alifeofwellevance,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#wrap_all .main_menu {
right: 0 !important;
}
}
Best regards,
Rikard
Hi bk28832,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:480px) and (max-width:767px){
#top #header_main .logo {
left: 0;
margin-left: 25vw;
}
}
@media only screen and (max-width:479px){
#top #header_main .logo {
left: 0;
margin-left: 5vw;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi bk28832,
I am not sure what you’re saying. Are you changing the Menu settings too or just trying the css? Can you please explain a bit more?
Best regards,
Victoria
Hi bk28832,
Best regards,
Victoria
Hi bk28832,
The solution depends on the answers to the questions that I posted in private above.
Best regards,
Victoria
Hi bk28832,
Oh… sorry, you did not start this thread and so you cannot see the private content.
Here is what was there
https://cl.ly/0c319b09cf50 The screenshot is not loading on my end, gets stuck at this.
https://cl.ly/0fa84473e1bf I am seeing it like this, where do you want the logo to be?
But you need to start the new thread and provide access over there.
Best regards,
Victoria