I have a couple of issues I wanted to ask you about.
1. The NEW IN badge is not appearing in my shop. Also, the ¨Out of stock¨ or in my case ¨Agotado¨ badge is not quite centered. I´m attaching the screenshoot ¨agotado.png¨
2. Is there a way to add an extra icon for my account in the right side of the header? - Attaching the file ¨my account¨
3. Is there a way to move the text on the top bar to the center? - File: ¨top bar¨
4. On the ¨My account¨ page for unregistered users, the register title is in a weird place. - File: ¨registrarse¨
5. Lastly, on the mobile version of the shop, the pictures are being shown with very bad quality. On the catalog site. When entering on the individual product page, it is shown with good qualit, but for some odd reason, on the catalog page the quality drops significantly. - For this, I coudn´t attach a file.
sorry for the many questions. I wanted to gather all the issues and creat only one ticket for all of them.
Happy to hear you have managed to fix almost all the issues you had, regarding the remaining issue I will provide you with the proper CSS code for that.
Try adding this CSS to Custom CSS to fix the problem with out of stock badge in desktop and all the badges on mobile:
1. It seems that it's caused by the go to top feature which is adding a fixed height, to fix it add this CSS to Custom CSS:
.go-to-top--vertical-pipe {
height: auto !important;
}
2. Unfortunately it is not possible to show the top bar in the mobile devices as in mobile a whole different header is loaded instead of the one used on desktop.
I have one last issue and with this, I promise is the last one.
I am having problems with the image resolution.
On my hero and the images at the shop page.
In some devices the hero is showing with very bad quality, and on the shop page, the product img too, but when you go to the single product page, it shows with good quality.
Regarding the hero image, I checked it many times and it looks that the problem with it is the size of the image, the size which you have imported the hero image is small for desktop devices too as if you want a high quality images it should be at least twice the size it is.
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Hello,
Hope you are doing fine.
I have a couple of issues I wanted to ask you about.
1. The NEW IN badge is not appearing in my shop. Also, the ¨Out of stock¨ or in my case ¨Agotado¨ badge is not quite centered. I´m attaching the screenshoot ¨agotado.png¨
2. Is there a way to add an extra icon for my account in the right side of the header? - Attaching the file ¨my account¨
3. Is there a way to move the text on the top bar to the center? - File: ¨top bar¨
4. On the ¨My account¨ page for unregistered users, the register title is in a weird place. - File: ¨registrarse¨
5. Lastly, on the mobile version of the shop, the pictures are being shown with very bad quality. On the catalog site. When entering on the individual product page, it is shown with good qualit, but for some odd reason, on the catalog page the quality drops significantly. - For this, I coudn´t attach a file.
sorry for the many questions. I wanted to gather all the issues and creat only one ticket for all of them.
thank you
best regards,
Jenn
Well, I manage to solve almost all of them.
The one that I cannot solve is the Out of stock (Agotado) badge.
Also, why in mobile version the badges are square. Is there a way to keeping them rounded?
Hi Jenn,
Happy to hear you have managed to fix almost all the issues you had, regarding the remaining issue I will provide you with the proper CSS code for that.
Try adding this CSS to Custom CSS to fix the problem with out of stock badge in desktop and all the badges on mobile:
.woocommerce .onsale.oos { padding-top: inherit; font-size: 11px; line-height: 60px; } @media screen and (max-width: 768px) { .woocommerce .onsale { border-radius: 50%; } }Best regards,
Laborator Team
Thanks Art,
Really solve the problem.
I have 2 more issues to solve.
On my mobile phone, there is a white space after the footer,
and is there a way to show the top bar on mobile version as well?
regards,
Jenn
Hi Jenn,
1. It seems that it's caused by the go to top feature which is adding a fixed height, to fix it add this CSS to Custom CSS:
.go-to-top--vertical-pipe { height: auto !important; }2. Unfortunately it is not possible to show the top bar in the mobile devices as in mobile a whole different header is loaded instead of the one used on desktop.
Best regards,
Laborator Team
Hello Art,
Grate! thanks! worked like a charm.
I have one last issue and with this, I promise is the last one.
I am having problems with the image resolution.
On my hero and the images at the shop page.
In some devices the hero is showing with very bad quality, and on the shop page, the product img too, but when you go to the single product page, it shows with good quality.
Any ideas?
regards,
Jenn
Hi Jenn,
To change the product image sizes and make them bigger in size so they will show in a higher quality please follow the guide below:
https://documentation.laborator.co/kb/kalium/product-image-dimensions/
Regarding the hero image, I checked it many times and it looks that the problem with it is the size of the image, the size which you have imported the hero image is small for desktop devices too as if you want a high quality images it should be at least twice the size it is.
Best regards,
Laborator Team
Hello Art,
Thank you, as always, it worked perfectly.
I have encountered yet another question to ask.
Is there a way to make this letter smaller or to make them fit in the image?
When seeing it in a smaller window, the last letters go missing and it is not adapting to each screen.
Hi there,
Try adding the CSS below to your Custom CSS area:
.page-container .wpb_content_element.lab_wpb_image_banner.text-position-bottom-left .banner-text-container{ right: 35px; } .page-container .wpb_content_element.lab_wpb_image_banner .banner-text-content { white-space: normal; }Best regards,
Laborator Team
Thank you Art!
As always, worked perfectly.
Happy to hear that, have a great weekend
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on ThemeForest from your Downloads tab.
A huge thank you from Laborator in advance!
Best regards,
Laborator Team
Hello Art,
Hope you are doing fine.
Do you know if there is a way to remove the links from this banners.
I am leaving the link option blank, but every time we clic on it, it redirects to the homepage.
We just want it to be an image banner without redirecting to anywhere.
Currently they are redirecting to the shop page but the last one.
The site is: bfashion.com.ar
regards,
Jenn
Hi Jenn,
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Best regards,
Laborator Team
Hi Jenn,
Instead of typing a link I have added a hashtag (#) and it does not redirect users anywhere it just stays on that page.
Best regards,
Laborator Team