Mobile header getting cut off-Flow Active theme

jdecedue · ‎02-29-2024

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!

PageFly-Henry · ‎02-29-2024

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 · ‎03-01-2024

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

PageFly-Henry · ‎03-01-2024

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.

@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 · ‎03-06-2024

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!

Mobile header getting cut off-Flow Active theme

Mobile header getting cut off-Flow Active theme

Community Blog Articles