How can I add extra padding above my header in Flow theme?

[blonde_creative]

I’m needing to add additional padding above my header ‘little blonde blogs’, can anybody help me with some CSS for this? Thanks

[dmwwebartisan]

@blonde_creative

My pleasure to help you.
Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

[blonde_creative]

https://littleblondebakes.myshopify.com/collections/mixed-boxes/products/lbb009

Thanks!

[dmwwebartisan]

@blonde_creative

Please Add the following CSS code to your assets/theme.min.css bottom of the file.

.shopify-section .homepage-sections-wrapper {
    padding: 50px !important;
}

Thanks!

[blonde_creative]

Thankyou! I did this & it enlarged the padding of the other areas (see image)

[PageFly-Victor]

Hi @blonde_creative !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.min.css under assets in theme code files;

.site-header .site-header__wrapper {

padding-top: 34px !important;

You can change px as you want.

Like this;

Best Regards;

PageFly

[dmwwebartisan]

@blonde_creative

Please Add the following CSS code to your assets/theme.min.css bottom of the file.

#shopify-section-template--14616193466442__blog-blog-posts.shopify-section .homepage-sections-wrapper {
    padding: 50px !important;
}

[blonde_creative]

Hi, no changes from this CSS! sorry

[dmwwebartisan]

@blonde_creative

sorry for my mistake!

Please Add the following CSS code to your assets/theme.min.css bottom of the file.

#shopify-section-template--14616193466442__blog-blog-posts.shopify-section.homepage-sections-wrapper {
    padding: 50px !important;
}

Thanks!

[blonde_creative]

Hi, no change with this css either!