NAV MARGIN ON PRODUCT PAGES
-
Hello,
1/ The navigation on my single product pages seems to have a margin problem, can you help please?
2/ Also, if you check on the homepage under “les patrons gratuits” on the blog posts carousel, you will see on the right that a margin is missing as well.
Please find the admin access below + screenshots.
Thank you
Attachments:
You must be
logged in to view attached files.
Hello,
Could you kindly specify which layout to check?
Best Regards
Hello,
Thank you,
1/ the issue is on all single product pages.
2/ on the homepage.
Hello,
How can I catch the problem? Have you already corrected the elements?
Product page: https://gyazo.com/c6cccba86ae040bf8039473120e8b2ad and Blog https://gyazo.com/89a7dc9881c5c5d3a2324ccb2d0e4a72
Best Regards
Hello,
1/ On each product page, when you hover the mouse on the product navigations, on top right, the other products appear and there are weird margins inside. Please see the screenshot.
2/ On homepage, under the “les patrons gratuits” there is a small negative margin on the right.
Attachments:
You must be
logged in to view attached files.
Hello,
Could you kindly advise what browser, what device, and what screen width you view the product?
I still cannot see the problem: https://gyazo.com/f2bf9bc675ab703bc33fbdd7715c4ed7
If you have any questions please feel free to contact us.
Best Regards
Hello,
I use Google chrome on a laptop with a 15.6″ screen.
Is it a responsive problem? Can you help please?
Thank you
Hello,
We double-checked and see that long titles increase the drop-down heading and you use limited image height. In order to improve the view, please use this code, please note: the images can be cut.
body .wd-products-nav .wd-dropdown {
min-width: 275px;
}
body .wd-product-nav-thumb {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 30%;
}
body .wd-product-nav-thumb img {
height: 100%;
object-fit: cover;
}
body .wd-product-nav-desc {
padding-left: calc(30% + 10px);
}
The row with posts has the padding 40px: https://prnt.sc/wI7rh-sl7sT3 In order to solve that, you need to, you need to enter this row and change: https://prnt.sc/oJEOMHLmyQ7Y
If you have any questions please feel free to contact us.
Best Regards
Hello,
Yes images are cut. I understand better that it is the title that is causing the margin so I am just going to let it like that. Thank you for your help and explanations.
You are welcome! We are here to help.
Wish you a wonderful day!
.
