Jump to content

Fix home page, desktop image

Recommended Posts

@tuanphan you've helped me with this before, however, when squarespace makes updates the custom css seems to screw up the image.  as you can see, when you go to my home page the "joey stephens music" logo is no longer centered.  it is fine on mobile, although, it would be better if there was less blue background above and below the logo on mobile. 

how do i fix the desktop first?

here is the current custom css that is being used, and i happy to change, delete or replace any of it:

@media only screen and (max-width: 767px) {
  section[data-section-id="6176bdca852c177d72829f24"] {
    margin-top: 0 !important;
  }

  section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background img {
    position: absolute;
    top: -80px;
  }

  section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background {
    background: #1e264d !important;
  }
}

 

i think the "media only screen" is the mobile, which, again, is fine for now.  trying to fix the desktop first.  then, deal with mobile after.

thanks!

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

27 minutes ago, joeystephensmusic said:

@tuanphan you've helped me with this before, however, when squarespace makes updates the custom css seems to screw up the image.  as you can see, when you go to my home page the "joey stephens music" logo is no longer centered.  it is fine on mobile, although, it would be better if there was less blue background above and below the logo on mobile. 

how do i fix the desktop first?

here is the current custom css that is being used, and i happy to change, delete or replace any of it:

@media only screen and (max-width: 767px) {
  section[data-section-id="6176bdca852c177d72829f24"] {
    margin-top: 0 !important;
  }

  section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background img {
    position: absolute;
    top: -80px;
  }

  section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background {
    background: #1e264d !important;
  }
}

 

i think the "media only screen" is the mobile, which, again, is fine for now.  trying to fix the desktop first.  then, deal with mobile after.

thanks!

I think you have changed the header layout. You need to change the header layout. Please follow the image instruction.

Screenshot_320.png

Screenshot_321.png

Screenshot_322.png

Screenshot_323.png

Screenshot_324.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.