header become side menu when published

[JeffersonLi]

Hi. My website’s header looks fine in the editor to but it becomes a side menu when published. Can someone please help me out with this one? Thank you. My URL is pettomo.com.my

[Guleria]

Hello @JeffersonLi ,

I think you forget to save the changes in the theme editor settings.

Make sure you save the change before checking in the live store.

Thanks

[JeffersonLi]

Hi. I have saved the settings but it is showing the same result. Thank you

[Made4uo-Ribe]

Hi @JeffersonLi

What do you mean side menu? Do you mean it become hamburger menu when it publish and not the mega menu? Or the the logo, You want it to be center same on the mobile? If its to center, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (min-width: 990px) {
    .header-wrapper .header__heading, .header-wrapper .header__heading-link {
        justify-self: center;
    }
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[JeffersonLi]

Hi. My header was uses dropdown but it becomes a drawer when published. Thank you

[Dan-From-Ryviu]

Hi @JeffersonLi

Make sure you are not select option ‘Drawer’ in ‘Desktop menu type’ from Online Store > Themes > Customize > Header

Best regards,

Dan

[JeffersonLi]

Hi. I selected dropdown in the editor but it becomes drawer when published

[Dan-From-Ryviu]

Please check if you have separate settings for your markets