Move hamburger menu to left?

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

Thanks!

It’s a pleasure!:)

Solved

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?

@themegrillteam sure: https://www.petracentroestetico.it/

• This reply was modified 5 years, 3 months ago by maicasajusta2.

@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) (https://zoekennaarwijsheid.nl), but I’d like to add the text “menu” somewhere, like on https://ichthusculemborg.nl or https://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.