Mobile site not displaying correctly

JohnBrewer · May 24

Hi everyone

I'm in the process of building a new site with the Brine template. When I view the site on a mobile device the site title covers the hamburger menu in portrait mode and the site title isn't centre justified in landscape mode. My site URL is https://johnbrewerphotography.com/ How do I fix it? Oh and I don't know how to use code!

Thanks

John

tuanphan · May 25

Add to Design > Custom CSS

@media screen and (max-width:640px) {
a.Mobile-bar-branding {
    font-size: 18px !important;
}
.Mobile-bar.Mobile-bar--top {
    justify-content: space-between !important;
}
[data-nc-container="top-center"] {
    float: right !important;
    position: absolute;
    right: 2vw;
}
}

JohnBrewer · May 25

Hi tuanphan

Thank you so much for solving the problem, it's perfect now!

I'm enjoying your website with the Squarespace tutorials &c.

Best wishes

John

Mobile site not displaying correctly

Recommended Posts

JohnBrewer

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

JohnBrewer

Link to comment

Create an account or sign in to comment

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources