Spacing issues

Shopify Discussion
1

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

2

Hey @bnbrown88

Can you share screenshots for reference?

Best Regards,

Moeed

3

IMG_2364.jpeg
IMG_2364.jpeg1284×2778 279 KB

want these spaces removed

4

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

10.png
10.png1920×594 107 KB

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

5

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

6

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 tag

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

Best Regards,
Moeed

7

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

11.png
11.png395×815 275 KB

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

8

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.

Screenshot 2024-09-23 at 3.34.56 PM.png
Screenshot 2024-09-23 at 3.34.56 PM.png2866×1300 347 KB

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 ( :+1: ) 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

9

Changes to 3rem and it worked!

10

Great…!!!