Space between nav bar and header of shop page

Hi There

I am trying to create a space between navigation menu and shop page header. please see the link for reference: https://staging.healthsquared.com.au/product-category/diet-sports-nutrition/
The picture and nav bar almost bumped into each other so would like to give a space and also to short the width of that picture using margin or padding function. would you please recommend any settings to adjust?

Hello,

I am checking the shopping page and see everything is as it should be.

Do you want a gap on the top: https://gyazo.com/6d7cb17a073ed8a60758ccd98482f246 if so,

Please add this code to the Theme Settings > Custom CSS > Global:

body .title-size-default {
    margin-top:5px;
}

If it is not what you mean, please show with the screen.

Best Regards

Hi Elise
Thanks for the reply.
I did change according to advice and it works. However, I added some margin on left and right sides to align with boxed layout dimensions but still, there is little alignment issue left. Would you please recommend how could I align the header to boxed layout width?

attached file is reference,

Much appreciated for the assistance.
Kind regards
Muhammad

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the code with this one:

.website-wrapper .page-title {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
}

Best Regards

[Author]

Posts