Jump to content

How to make image appear on top of site on mobile view

Recommended Posts

Hey guys,

I'm looking to see how I can make an image appear on top of the header font for mobile view, while still keeping it to the right of the header for desktop view.

I'm using the Brine template. Any suggestions?

Thank you

-Jeff

Screen Shot 2020-03-30 at 10.01.41 PM.png

Screen Shot 2020-03-30 at 10.01.56 PM.png

Creator of ivorycolors.net & stoplitteringtoday.org

Link to comment
  • Replies 11
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5e8296a9e2b00968faec388e>.row:first-child {
    display: flex;
    flex-direction: column-reverse;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
2 minutes ago, jeffreyzie said:

Update: it worked when I just had the Header "Suko" but when I added text underneath it, it stopped working...

Any thoughts? Thank you

You should add all text, then ask question later..

Adding text will affect the code.

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
23 hours ago, jeffreyzie said:

Hey Tuan, it stopped working for some reason. Any suggestions? Thank you 

Can you check site url again? I can't access

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.