If you view our site on Desktop browser you can see we added 2 flags to the Telephone Top bar header section. They look fine on Desktop browser but when viewed on Mobile, it’s broken. How can we hide that section just on mobile?
Please check private link to see the images we added in Top Right header
Hey vegaspro,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 768px) {
.phone-info a {
display: none;
}}
Best regards,
Yigit
Awesome thanks!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit