Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 8, 2015 at 7:42 pm #377041
    sambolleter

    Dear support Team

    When the browser window is reduced to the minimum width (like iPhone/iPad size in portrait mode) the WPML country flag icons are covering the extra header element (phone number).
    When the site is viewed on an iPhone in portrait mode the last WPML country flag icon (russian) is even placed on the logo. See the enclosed pictures.

    I’m using WordPress 4.1, Enfold 3.0.4 and WPML 3.1.8.4

    Thank you in advance for your support.

    Regards, Sam

    January 9, 2015 at 5:02 am #377200
    Andy

    Hi sambolleter!

    you can control the phone number using this:

    @media only screen and (max-width: 1024px) 
.responsive .phone-info {
margin-top: 30px;
}

    Regards,
    Andy

    January 9, 2015 at 11:00 am #377304
    sambolleter

    Hi Andy

    Thanks for your input. When the margin-top is used the phone number is lowered even though I’m on a computer browser (Safari & Firefox). Is there a way to set the behavior that only when viewed on iPhone the phone number or the WPML menu will not overlap?

    Regards, Sam

    By the way when I use your complete code

    @media only screen and (max-width: 1024px) 
.responsive .phone-info {
margin-top: 30px;
}

    No change in the menu (iphone) will be shown.
    If I use the code 

    .responsive .phone-info {
margin-top: 30px;
}

    the phone number will have a margin on top.

    • This reply was modified 9 years, 10 months ago by sambolleter.
    January 11, 2015 at 6:54 am #377935
    Josue

    Hey!

    Try with this code:

    @media only screen and (max-width: 1024px) {
.responsive .phone-info {
margin-top: 30px;
}
}

    Regards,
    Josue

    January 11, 2015 at 3:27 pm #377972
    sambolleter

    Perfect, worked like a charm.
    Thank you guys vor your support!

    Regards, Sam

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Extra Elements (Phone number) is covered by WPML menu/icons’ is closed to new replies.