Tagged: additional information, alignment, header
-
AuthorPosts
-
November 1, 2023 at 7:52 pm #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,
KatiNovember 2, 2023 at 10:30 am #1424374Hey Katja,
Please try the following in Quick CSS under Enfold->General Styling:
#header_meta .phone-info .av-icon-char { line-height: 8px; }Best regards,
RikardNovember 3, 2023 at 9:26 am #1424487Hey 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, 12 months ago by
KittenAdmin.
November 3, 2023 at 5:35 pm #1424572Hi 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,
NikkoNovember 8, 2023 at 4:04 pm #1424993Hi 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, 11 months ago by
KittenAdmin.
-
This reply was modified 1 year, 11 months ago by
KittenAdmin.
November 8, 2023 at 5:42 pm #1425013Hi 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 -
This reply was modified 1 year, 12 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
