Jump to content

Different Banner Image for Mobile Header

Recommended Posts

Site URL: https://www.ktbaxter.com/

Hiya,

I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. 

I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background.

I'm making a new image for the mobile view but I just don't know how to add it for just mobile.

Thanks in advance!

Link to comment

Hi. You can add this to Design > Custom CSS. to resize welcome banner on mobile

/* resize mobile welcome banner */
@media screen and (max-width:767px) {
body.homepage article section:first-child {
    min-height: unset !important;
    height: 30vh;
}
}

 

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!)

Link to comment
  • 4 weeks later...
17 hours ago, ktbxter said:

Oh yes please!

Sorry for the late response!

Add to Design > custom CSS

/* resize tablet banner */
@media screen and (max-width:767px) {
body.homepage article section:first-child {
    min-height: unset !important;
}
}

 

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!)

Link to comment

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.