Mobile header getting cut off-Flow Active theme

jdecedue
Tourist
11 0 4

Hi,

I am using the Flow active theme and my mobile banners keep getting cut off on my home page, hvfoods.com. They are sized correctly but the top continues to get cut off. Does anyone have a quick fix for this?

Thank you!

Replies 4 (4)

PageFly-Henry
Astronaut
983 281 225

Hi @jdecedue 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file main.css

Step 3: Paste the below code at bottom of the file -> Save


@media (max-width: 767px){

.flow-homepage {

    margin-top: 140px !important;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

jdecedue
Tourist
11 0 4

Hi Henry and thanks for responding! I do not have a file named main.css. Could it be named something else?

PageFly-Henry
Astronaut
983 281 225

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag <head> -> save.

PageFlyHenry_0-1709297481072.png

 


@media (max-width: 767px){

.flow-homepage {

    margin-top: 140px !important;

}}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

jdecedue
Tourist
11 0 4

That didn't work, the code was showing up at the top of my home page, any other suggestions are very much appreciated and thank you!