Space between nav bar and header of shop page

This topic has 3 replies, 2 voices, and was last updated 3 years, 2 months ago by Elise Noromit.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 2, 2022 at 2:47 pm #349732

arsohail08
Participant

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?

February 2, 2022 at 11:38 pm #349779
Elise Noromit
Member
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
February 3, 2022 at 12:48 pm #349910

arsohail08
Participant

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.

February 4, 2022 at 10:51 am #350132
Elise Noromit
Member
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