joeystephensmusic Posted October 25, 2023 Share Posted October 25, 2023 @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
Web_Solutions Posted October 25, 2023 Share Posted October 25, 2023 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. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment