Lots of white space around header and other areas on home page

29 0 4


Is it possible to make the header a little thinner in size? There is a lot of white space above and below the company logo and icons! www.nichollsjewellery.com You can see if quite obvious on the mobile view! 

Also the spacing underneath too where it says SHOP ALL and then further down between collection tiles and the "summer 2020" picture. There just seems so much white space between! 

Please could someone help?

Thank you! 


Nicholls Jewellery

Shopify Partner
1012 209 253

Hello Lisa,

Here issue is with the logo dimensions you used. Check your logo their is too much white space in top and bottom of it. 
I suggest regenerate your logo with proper dimensions and it will fixed automatically.
And if you want to implement css to fix it , add this css 

.site-header__logo-image img {
    height: 75px;

Note: I don't recommend use of css to fix it because it looks odd using it.

Proper solution is crop logo or design a new one with proper dimension.


Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)

Hello lisatrendy,
To Reduce space between collection titles and the "summer 2020" picture.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1583330574104 {
    padding-bottom: 0px;
#shopify-section-1592752053085 {
    padding-top: 25px;
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit