Removing White Space and Menu?


#1

Here’s my site: http://airuav.co.uk/shop/

I’d like to remove the white bit, above the grey word ‘SHOP’, and the mini menu ‘Home/Shop’ bit. Can someone help me? Thank you!


#2

Hello,

Apply custom css code below and set padding value to your liking (default value is 100px):

.page-title {
    padding-top: 0px;
}

You can apply the code with this plugin https://wordpress.org/plugins/simple-custom-css/

Best Regards!


#3

I have added this and it is still there. Any ideas?


#4

Hi again,

Since original padding is still present http://screencast.com/t/LLFLL48FlTeI you didn’t place ta=hat code correctly, or it is not applied for some reason. Can you share a screenshot of where you placed that code? Also, if you are using some caching plugin, try to clear its cache.

Best Regards!


#5

I’ve added it here: https://snag.gy/AIeJzQ.jpg


#6

Hello again,

Thanks, but why did you add it with .shop selector?? Apply the code as instructed, exactly like this and just change value for padding-top to your liking:

.page-title {
    padding-top: 10px;
}

In case that you want to target only Woo pages, use code below instead:

.woocommerce .page-title {
    padding-top: 10px;
}

Best Regards!


#7

My bad, I’ve changed it now: https://snag.gy/Vh9RvG.jpg

But there is still no change to the ‘Home/Shop’ text.


#8

Previously used css is still present http://screencast.com/t/9obkploKz and it is probably due to caching plugin or GoDaddy server side cache, so try clearing it.

If you continue to have problems afterwards, send me WP admin credentials at dimi@diwebdeveloper.com and I will check this on your end.

Best Regards!


#9

Thanks for the credentials,

As I can see now, provided css code is working which means that it wasn’t applied immediately because of caching http://screencast.com/t/NNjk8tXyr8hb

Regarding entire page padding at the top it is controlled by wrapper (top padding) for all pages and it can be set from WP admin Appearance > Customize > General http://screencast.com/t/gkyePdRfDLI but in case that you only want to change this for woocommerce pages, I applied custom css code below:

.woocommerce .page-wrap {
    padding-top: 0px;
} 

And shop page will now look like this http://screencast.com/t/qOnyZOOpw4XY

Best Regards!


#10

Thank you so much! That was really helpful, and sorry for being so stupid!


#11

You’re welcome,

And thank you for using our theme.

All the Best!