Left align burger and logo in mobile

alexplesner · December 19, 2023

Hi, I would like to left align the burger and the logo on mobile.

Thanks a lot!

Ziggy · December 19, 2023

Can you share your website URL?

alexplesner · December 21, 2023

Of course! Here it is: https://www.psychedelics.design/

alexplesner · December 31, 2023

Hi, anyone has a solution to this one? Thanks a lot 🙂

tuanphan · January 2

You can use this code to Website Tools (under Not Linked) > Custom CSS

div.header-display-mobile .header-title-logo {
    text-align: left !important;
}

alexplesner · January 9

Thank you so much and I am sorry for the late reply. I am travelling for work.

This worked super well thank you - just that it is now a bit stuck on the burger when checking on my iPhone. The burger is anyway not really left aligned correctly in the preset. Is there a way to align this nicely and increase the space between the burger and the logo?

tuanphan · January 10

You try this CSS code under

div.header-burger {
    position: relative;
    left: -2vw;
}

Left align burger and logo in mobile

Recommended Posts

alexplesner

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

Ziggy

Link to comment

alexplesner

Link to comment

alexplesner

Link to comment

tuanphan

Link to comment

alexplesner

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

tuanphan

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources