Spacing issues

[bnbrown88]

Want to improve my site’s aesthetic. Need help with spacing issues. URL: ausomeapparelco.com

[Rahul_dhiman · Accepted solution]

Hello @bnbrown88 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.header__menu-item {
padding: 1.2rem 4rem;
}
.header__inline-menu {
margin: 0 auto;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Moeed]

Hey @bnbrown88 

Can you share screenshots for reference?

Best Regards,

Moeed

[bnbrown88]

 want these spaces removed 

[Moeed · Accepted solution]

Hey @bnbrown88 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.title-wrapper--no-top-margin {
    margin-bottom: 5px !important;
    margin-top: -60px !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman · Accepted solution]

Hello @bnbrown88 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.header__menu-item {
padding: 1.2rem 4rem;
}
.header__inline-menu {
margin: 0 auto;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[bnbrown88]

I want the spacing fixed in mobile view. Look at earlier messages for reference 

[Rahul_dhiman]

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.title-wrapper--no-top-margin {
margin-top: -50px !important;
margin-bottom: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[bnbrown88]

Changes to 3rem and it worked!

[Rahul_dhiman]

Great...!!!

[swym]

Hey @bnbrown88, 

Thanks for sharing the store URL! I reviewed it and noticed there’s a lot of extra space at the bottom of your site. This is because your store’s footer doesn’t have any content yet. To fix this, you can simply add some content. Here are a few ideas:

1. Basic info like your store’s address, contact details, logo, and social media links.
2. Contact and support details.
3. Store policies (shipping, privacy, return & refund, terms & conditions).
4. Newsletter signup to keep customers updated.
5. (Already added) Payment icons.
6. Copyright information.

Adding these will make the footer more useful and fill that space!

You can see the screenshot below for a store that has a great footer. 

You can customize your store's footer from the theme customization settings. You can check this video guide about adding the footer to your store. 

I hope this helps. If my response helped you, please consider giving it a like (👍) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.

Thank you!

Regards,
Abhishek from Swym