2-fold question: Need to reduce header type size in "logo list" and reduce spacing below header

Store Design
1

Hi Everyone,

Please check the image, what I want to do is reduce the size of the type in the logo list to better match the size of the navigation type, and also I want to move it closer to the nav bar as shown. I imagine i need to reduce the spacing just underneath the header?

The site address is rosecoloredgaming.com if you want to check it out.

Thanks!

type_size_reduction.jpg
type_size_reduction.jpg1200×561 43.6 KB

2

Hi @RCG ,
Add this code at the bottom of your theme.scss file.
If you want to reduce more, change padding-top: 20px to 10px or 15px

#shopify-section-1627930444860775a5 h2 {
    font-size: 17px;
    line-height: 26px;
    color: #25282b;
}

.main-content {
    padding-top: 20px !important;
}

.site-nav {
    margin-bottom: 0px !important;
}

Do let me know if it works for you.

Thank You!

3

@Muhammad_Ali_S Thank you this worked great. I reduced down to 10px it looks perfect now and is aligned how I wanted it.

4

@Muhammad_Ali_S one more thing, how about reducing the size of the logos in the logo list a little bit?

5

@RCG ,

Increase the 100px to a Higher number to increase the size, reduce to decrease the Size.

.logo-bar__item {
    max-width: 100px !important;
}

Good Luck!

6

@Muhammad_Ali_S works thank you!