Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 22, 2023 at 7:45 pm #1402040
    nonne

    Hi Enfold

    I am building a new website for a school and in the header above the menu I have made a few links (3 text links and a link from FaceBook logo). I have made this via text/code in “Extra elements/Phone number or small info text”.

    On computerscreen all works fine – but on mobile however the FaceBook logo breaks to a second line. There is enough space to the edges, so I can not figure out why it does this.

    Hope you can help.

    Info and screenshot in private content.

    NOTE: I see that my code is not correct when pasted into private content – please look for the text/code applied via login data in private content. Thanks

    Best regards

    • This topic was modified 1 year, 9 months ago by nonne.
    March 25, 2023 at 12:27 am #1402414
    Mike

    Hey Carsten,
    Thanks for your patience and the link to your site but unfortunately I’m not seeing the FB icon dropping to the second line, please see the screenshot in the Private Content area.
    Perhaps you have already sorted this out, if not please post your device screen resolution and let us know what browser you are using, is it Chrome on Android?

    Best regards,
    Mike

    March 27, 2023 at 11:38 am #1402618
    nonne

    Hey Mike

    Thanks for getting back to me.
    Sorry for not being more specific: Issue occurs on Android/Edge (Chrome is fine…).
    Issue is sort of on and of: If I refresh the page a number of times then some of the times it will come out right, most of the times not… no idea why it is not consistent?

    Best regards

    March 27, 2023 at 12:32 pm #1402627
    Ismael

    Hi,

    Thank you for the update.

    We are not able to reproduce the issue on Edge but you can try this css code to create more space for the fb icons on smaller screens.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .phone-info div a span {
      font-size: 11px !important;
      margin-left: -5px;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    March 27, 2023 at 2:18 pm #1402643
    nonne

    Hi Ismael

    Thanks for quick reply. However this did not change the issue – though the font type diminished as was supposed.

    If you are not reproducing the issue (and others maybe not either) I think I will leave it as is for now – also given its “periodic” nature om my phone… (strange though)

    Thanks again for your and Mike’s support :-)

    Best regards

    March 27, 2023 at 8:01 pm #1402677
    Mike

    Hi,
    Ok, as it seems that we can’t reproduce this issue and it may be more specific to your phone we will let it be for now as you stated.
    If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adjust extra elements in header’ is closed to new replies.