Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1424344

    Hello,
    I just did a website with Enfold and in the additional line for phone number and info I put a phone symbol.

    Sadly it is not in line with the numbers. How can I adress the symbol to have it in line with the phone number?

    Thank you very much and kind regards,
    Kati

    #1424374

    Hey Katja,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_meta .phone-info .av-icon-char {
      line-height: 8px;
    }

    Best regards,
    Rikard

    #1424487

    Hey Rikard,

    thank you very much – it works!

    Now I just found out, that the menu is too long on a tablet so that it is in two lines. Instead of this, the menu should be in burger style, but the breaking point doesn’t fit. How can I fix that?

    Best regards,
    Kati

    • This reply was modified 1 year, 1 month ago by KittenAdmin.
    #1424572

    Hi Kati,

    Please try to add this CSS code as well:

    @media only screen and (max-width:1280px) {
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
      }
    
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
        display: block;
      }
    }

    Best regards,
    Nikko

    #1424993

    Hi Nikko,

    thank you for the code. Unfortunately the menu is still too big on a tablet in landscape mode (Safari and Firefox; Chrome is fine…) and it overlays the logo.

    Could you take a look on it again?

    Best regards,
    Katja

    • This reply was modified 1 year, 1 month ago by KittenAdmin.
    • This reply was modified 1 year, 1 month ago by KittenAdmin.
    #1425013

    Hi Katja,

    What’s the width of the ipad or can you provide a screenshot? so we can see how it looks on your end?

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.