Hi,
You can change the Header Main Area > Style to the third options as instructed in the documentation here: https://docs.themegrill.com/zakra
Hi Ashish,
Thanks! Unfortunately I only want to change it for the mobile version and not the desktop version.
Is there a way to achieve that by using CSS?
Hi,
Please add this CSS inside Customize > Additional CSS:
@media ( max-width: 768px ) {
.site-branding {
order: 1;
}
}
Hi, I just used the Main Area > Style to have the logo centered, on desktop it’s perfect, but on mobile the hamburger menu is now centered. Is there a way to have it on the right?
Thanks.
Hi, @maicasajusta2,
Please add this CSS inside Customize > Additional CSS:
.tg-site-header.tg-site-header--center .tg-site-header-bottom .tg-container--flex {
flex-direction: row;
}
Thanks.
Hi @themegrillteam thanks for your help, but this is getting back the logo on the left with hamburger on the right (in both desktop and mobile), but I need to keep the logo centered (on both desktop and mobile) and move hamburger to the right (on mobile only, obviously).
Hope you can help 🙂
@maicasajusta2
Can you please add the site URL here?
@maicasajusta2
Please add this CSS:
@media screen and (max-width: 768px) {
.tg-site-header.tg-site-header--center .tg-site-header-bottom .tg-container--flex .tg-header-action {
width: 100%;
}
.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
margin-left: auto
}
}
@themegrillteam thank you, it worked like a charm! you’ve been really helpful 🙂 thanks again!
I ‘ve managed to center the hamburgermenu (on mobile) (http://zoekennaarwijsheid.nl), but I’d like to add the text “menu” somewhere, like on http://ichthusculemborg.nl or http://hannahleclercq.nl. How can I do so?
Hi,
The option for mobile menu text is available in Premium version only
https://docs.zakratheme.com/en/article/mobile-menu-overview-pro-18z4iw/
However, you can achieve the same using the child theme.
Thanks.
