Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 1, 2023 at 7:52 pm #1424344
    KittenAdmin

    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

    November 2, 2023 at 10:30 am #1424374
    Rikard

    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

    November 3, 2023 at 9:26 am #1424487
    KittenAdmin

    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

    November 3, 2023 at 5:35 pm #1424572
    Nikko

    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

    November 8, 2023 at 4:04 pm #1424993
    KittenAdmin

    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

    November 8, 2023 at 5:42 pm #1425013
    Nikko

    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

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