Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #29229

    Hi,

    on mobile phones the text and phone number in the header kind of slide into each other. How do I fix this?

    Thanks in advance!

    Best regards,

    Alex

    #140112

    Hi,

    Please add following code to Quick CSS that is in Enfold theme options under Styling

    @media only screen (max-width: 480px) { .social_header .phone-info span { font-size: 14px!important; } }

    Until 480px it looks fine so this will switch text and phone numbers font size to 14 when displayed on screens smaller than 480px.

    Regards,

    Yigit

    #140113

    Thanks, Yigit. That responsive issue is solved but I just noticed another one:

    When I resize the window to a certain point on desktop the menu (Home, Wir über uns,…) slides into the logo. Tried a few things, didn’t solve it. Could you guys give me another hint?

    Best regards,

    Alex

    #140114

    Hey,

    Please use this:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 12px;
    }
    }

    Regards,

    Ismael

    #140115

    Wow, thanks for the amazing support. It’s all fixed now. Looking forward to using more of your themes.

    Greetings from Innsbruck,

    Alex

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Issue with phone number on mobile phones’ is closed to new replies.