Reducing Padding Between Navigation & Content in Flatiron Template

Site URL: https://www.arkady.tech/product

Hi all!

Have a simple CSS problem I need your help with. 

I want to reduce the area between the navigation header and the main content, denoted in pink, by about 100px.

None of the code I've tried myself has worked. Please show me the right way to do it, Squarespace wizards! 

Big thanks in advance. 

6 hours ago, Arkady said:

Site URL: https://www.arkady.tech/product

Hi all!

Have a simple CSS problem I need your help with. 

I want to reduce the area between the navigation header and the main content, denoted in pink, by about 100px.

None of the code I've tried myself has worked. Please show me the right way to do it, Squarespace wizards! 

Big thanks in advance. 

Add to Home > Design > Custom Css

#collection-58a108ab414fb58de4e8a5e1 #container {
  margin-top: 190px !important;
}

You can change the appropriate px value to meet your requirement

Support me by pressing 👍 if this useful for you

Amazing, thank you for the quick reply Bangank. Is there a way for this change to be applied to all sub-pages on the site? 

I would love to enforce it on https://www.arkady.tech/film (and any others added later) but leave the main landing page at https://www.arkady.tech unaffected. 

Very much appreciate it. 

On 10/5/2021 at 8:01 PM, Arkady said:

Amazing, thank you for the quick reply Bangank. Is there a way for this change to be applied to all sub-pages on the site? 

I would love to enforce it on https://www.arkady.tech/film (and any others added later) but leave the main landing page at https://www.arkady.tech unaffected. 

Very much appreciate it. 

If you use a Business Plan or higer, try add this to Film Page Header

<style>
 .view-item #container {
  margin-top: 190px !important;
}
</style>

Thank you kindly! 

Ended up using bangank36's method on each page. Appreciate the help from both of you.