Mobile Header Layout for Brine Family (The Maple Inn Template) on Version 7.0

edmundotai1991 · Monday at 07:44 PM

Wondering how I can make the mobile header more like the desktop version on the right. Thank you so much for your help.

tuanphan · Tuesday at 08:05 AM

You mean header or banner under header?

If header, replace burger with 5 navigation items?

If banner, reduce text size on mobile or?

edmundotai1991 · Tuesday at 12:06 PM

I would like the banner to look like the bottom photo on mobile. The top photo is what it currently looks like.

tuanphan · Wednesday at 07:51 AM

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

@media screen and (max-width:767px) {
body.homepage .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

section#mtn {
    min-height: unset !important;
    height: 160px !important;
}

section#mtn * {
    font-size: 16px !important;
}
}

Mobile Header Layout for Brine Family (The Maple Inn Template) on Version 7.0

Recommended Posts

edmundotai1991

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

edmundotai1991

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources