Shopify themes, liquid, logos, and UX
Good day dear friends,
Please help, how can I fix small problem with Air Reviews bottom.
How to hide it?
Brgds.
Solved! Go to the solution
This is an accepted solution.
Thanks for the info, chek this one if it work. If not then you need to contact the app provider.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
{% if template.name == 'index' %}
<style>
@media only screen and (max-width: 749px) {
.AirReviews-Widget__FloatButton {
display: none !important;
}
}
</style>
{% endif %}
And Save.
Result:
Note: This only hide on the homepage and in mobile screen only.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Find the selector and add css display: none !important;
Hello. Doesn't work. But I found it in the code.
Hi @e-Naum
Would you mind sharing your store URL? Thanks!
Hi .
d3aroma.com
Hi @e-Naum ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.AirReviews-Widget__FloatButton {
display: none !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
This is an accepted solution.
Thanks for the info, chek this one if it work. If not then you need to contact the app provider.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
{% if template.name == 'index' %}
<style>
@media only screen and (max-width: 749px) {
.AirReviews-Widget__FloatButton {
display: none !important;
}
}
</style>
{% endif %}
And Save.
Result:
Note: This only hide on the homepage and in mobile screen only.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank U !!! Done 🤝
Hi @e-Naum ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.air-reviews-badge {
display: none !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024