Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 19, 2018 at 4:40 pm #987477
    vegaspro

    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

    July 19, 2018 at 4:48 pm #987481
    Yigit

    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

    July 19, 2018 at 5:10 pm #987497
    vegaspro

    Awesome thanks!

    July 19, 2018 at 6:16 pm #987551
    Yigit

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide right top header on mobile view only’ is closed to new replies.