Jump to content

After going through similar forum posts and trying suggested code in both CSS and Page Header Code Injection, I'm striking out. I want to adjust height of banners in the mobile view only site wide.

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Your question definitely made me rethink the purpose of even having that banner image on the mobile version at all. That banner image serves as part of my site title on the desktop version, but since the title "Research for Wellness" exists above the banner image on the mobile version, I actually don't think that banner picture is even necessary at all on the mobile version. Is there CSS code to remove the banner site wide on just the mobile version?

Thanks!

  • Solution
Posted
On 10/23/2022 at 12:41 AM, CLeving said:

Your question definitely made me rethink the purpose of even having that banner image on the mobile version at all. That banner image serves as part of my site title on the desktop version, but since the title "Research for Wellness" exists above the banner image on the mobile version, I actually don't think that banner picture is even necessary at all on the mobile version. Is there CSS code to remove the banner site wide on just the mobile version?

Thanks!

Try adding to Design > Custom CSS

@media screen and (max-width:640px) {
section.Intro.Intro--has-image {
    display: none;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 1 month later...
Posted

My apology for the late response, but thanks so much for that code, worked like a charm and that narrow strip of the partial banner that was driving my crazy trying to remove on my mobile version is finally gone!

Thank you!!

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.