1. want to reduce the size of the logo in mobile view (as you can see in the attached screenshot - its big) and not in main view. tried many things but couldn't do it. do help.
2. 3 issues pointed out in the slider.jpg image.
a. the add to cart button isn't displayed properly
b. the product slider isn't coming fully.
c. the bullet is coming very high and should be coming lower.
1. Please edit header via Elementor > switch to Mobile editor and replace with smaller logo in the mobile.
thou there is a width slider for the ftc-logo property in header template, I am not able to set thew width for different screen sizes. any other help for changing the logo size?
also needed to know, how to edit the menu in mobile display? i mean, when on mobile, certain things are displayed, like socialmedia links, needed to know who to remove them?
ISSUE LINK: https://tuljabhavanijewels.com/home/
1. want to reduce the size of the logo in mobile view (as you can see in the attached screenshot - its big) and not in main view. tried many things but couldn't do it. do help.
2. 3 issues pointed out in the slider.jpg image.
a. the add to cart button isn't displayed properly
b. the product slider isn't coming fully.
c. the bullet is coming very high and should be coming lower.
Attached files: slider.jpg
logo.png
Hi AMAN,
1. Please edit header via Elementor > switch to Mobile editor and replace with smaller logo in the mobile.
2. Please add below code to Customize -> Additional CSS
.products.animation-shop div.ftc-product.product { transform: none; } .feature-product .product-template .ftc-product div.add-to-cart a.add_to_cart_button:before { width: 100% !important; padding: 0; }Regards,
Hung PD
this solved many of the issues, but the buy now icon button is still small compared to other quick action buttons. do have a look..
and as for logo will revert soon..
Hi AMAN,
Please remove previous code and add below code to Customize -> Additional CSS
.products.animation-shop div.ftc-product.product { transform: none; } .feature-product .product-template .ftc-product div.add-to-cart a.add_to_cart_button:before { width: 100% !important; padding: 0; } div.ftc_products_slider .post .group-button-product a.button.add_to_cart_button { width: 40px; height: 40px; }Regards,
Hung PD
done. thanx with the provided code...
but as for logo,
thou there is a width slider for the ftc-logo property in header template, I am not able to set thew width for different screen sizes. any other help for changing the logo size?
also needed to know, how to edit the menu in mobile display? i mean, when on mobile, certain things are displayed, like socialmedia links, needed to know who to remove them?
Hi AMAN,
1. Logo
Please edit the header via Elementor > switch to Mobile editor and follow the screenshot to change smaller logo https://ibb.co/pXLbw2q
2. Please add below code to Customize -> Additional CSS
div.header-mobile-social { display: none; }Regards,
Hung PD