Reduce Left & right Padding from the Header and Navigation Bar: Venture Theme

[SohumLinen]

Hello,

I have a website which is using venture theme.

In this I wanted to reduce the padding on the left and right side of the header / navigation bar.

I have attached a screenshot highlighting the issue.

Any help is highly appreciated.

Regards.

Store website link- sohumlinen.com

[GemPages]

Hello @SohumLinen

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

1. Go to Online Store → Theme → Edit code:

2. Open your theme.liquid theme file

3. Paste the below code before :

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[SohumLinen]

Hello @GemPages ,

Thanks for the quick response. It has worked to remove the padding but it has caused a slight issue with my navigation bar. Because of the larger margin, the images in the navigation bar are more stretched out which causes my hover image to cover the text of the product title completely.

Is there any way in which I can proportion my hover image (only in the navigation bar) to fit the proportion of the first image so that it doesn’t cover my text.

This would really solve my issue.

Thanks in advance

[GemPages]

@SohumLinen

You can update the following code:

[SohumLinen]

@GemPages ,

It worked for most of the products. But few products still has this problem.

Can we do something so that the hover image in the navigation bar doesn’t overlaps the heading?

[GemPages]

Hello @SohumLinen

Because your product images are not the same.
This problem is related to the theme or the app menu is not optimized.
For this problem, you should remove the hover effect to change the image.