Mobile version edit

[WolfieVoir]

Hi guys,

I need help making my logo stay on the left when in mobile version - i have uploaded an image from the jacquemus website of how i want it to look.

I also want to know if anyone knows how on mobile version (only) to turn the bottom menu links into a drop down folder - to save room and make it look more sleek when on mobile.

Thanks!

[WolfieVoir]

sorry - full image from jacquemus website (logo on left, everything else on right)

[Stormly]

**WolfieVoir, let me know if you are get it to this level so that i can send the code to paste for you
**
By default, many Shopify themes (like Dawn) center the logo on mobile.
If you want the logo to stay on the left, you can override that with a simple CSS tweak.

How to do it:

1. Go to your Shopify Admin → Online Store → Themes → Edit code

2. Open your base.css, theme.css, or global.css file (it’s in the Assets folder).

3. Add this at the bottom of the file:

[WolfieVoir]

Hi, yes i i can get to the base.css. What would the code be?

[Stormly]

This is the first code
/* Keep logo left-aligned on mobile */
@media (max-width: 749px) {
.header__heading, .header__heading-link {
justify-content: flex-start !important;
text-align: left !important;
}

.header__heading-logo {
margin-left: 1rem;
}
}

[WolfieVoir]

@Nordalux

.header–mobile-left .header__heading,
.header–mobile-left .header__heading-link {
text-align: left;
/* justify-self: start; */
}

thank you for the code! unfortunately it didn’t seem to work for me! (menu still on left needs to be on right and logo on left only)

[WolfieVoir]

Thank you! what would the second code be?