Jump to content

Squarespace 7.0 CSS Code: Repositioning Mobile Text in Hero Image

Go to solution Solved by thebuffingmoose,

Recommended Posts

“Affordable, Luxury Car Detailing for the Modern Driver

Frictionless Car Care Experience in Portsmouth, New Hampshire”

-

Can anyone help by providing the proper CSS Code to reposition the text quoted above to move below the steering wheel of the hero image?

It would be much appreciated!!

IMG_0570.jpeg

Edited by thebuffingmoose
Typo
Link to comment
  • Replies 2
  • Views 885
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Option 1 Moves the object to the bottom:

@media screen and (max-width: 640px) {
#hero-image-1-model-s
.Index-page-content {
    align-items: flex-end !important;
    flex-flow: row wrap !important;
}
}

Option 2 adjusts the margin to the element:

@media screen and (max-width: 640px) {
#block-64e656a388b60f1a3a918e2d {
    margin-top: 300px;}
}

 

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.