How to move hero image down on mobile only - Debut Theme

thomasmackayco
Tourist
6 0 3

Hey team,

 

I am having an issue with my landing page image on mobile. It is cut off under the menu at the top. On desk top its fine, the image offsets itself to account for the menu bar but not on mobile.

See attachments.

Thanks,

TM

website is: www.thomasmackayla.com

Moblie:

Capture.PNG

 Desktop:

Capture1.PNG

0 Likes
Natztech
Shopify Partner
625 167 419

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (max-width: 429px){
#shopify-section-header {
    position: sticky !important;
   
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
thomasmackayco
Tourist
6 0 3

Well it moved the image, but in the wrong direction. Now its even more hidden. Anyway to go the opposite direction?

0 Likes