Mobile header getting cut off-Flow Active theme

Technical Q&A
1

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!

2

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

3

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

4

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 → save.

PageFlyHenry_0-1709297481072.png
PageFlyHenry_0-1709297481072.png1365×651 47.6 KB

@media (max-width: 767px){

.flow-homepage {

margin-top: 140px !important;

}}

5

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!