Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #259913

    Dear Enfold developers,

    1. When open my website from mobile device with android OS or iOS flag icons are over “Phone Number or small info text”.
    Even worster if I add around 9 languages flag go down… examle : http://problend.problend.biz (I test WPML 3.1.5)

    2. When change checker from Enfold–> Header layout —> Mobile Menu : “Hide Mobile Menu Submenu Items” one or two times, button for MENU disappear in mobile devices, example : http://altansadak.problend.biz/

    I can upload wordpress + enfold 2.7 to your servers to see for bugs. I know that you find solve this troubles .

    Best regards : Altan

    • This topic was modified 5 months, 3 weeks ago by  Altan.
    • This topic was modified 4 months, 2 weeks ago by  Ismael.
    #260125

    Hi altns!

    You can reduce the padding between the flags:

    
    @media only screen and (max-width: 767px){
    .responsive #header_meta .sub_menu>ul>li {
    padding: 0 0px;
    }
    }
    

    - then the flags should be displayed in one line. If you want to display them next to the social icons use this code instead:

    
    @media only screen and (max-width: 767px){
    	.responsive #header_meta .sub_menu>ul>li {
    	padding: 0 0px;
    	}
    	.responsive #header .social_bookmarks {
    	width: 28%;
    	}
    }
    

    Best regards,
    Peter

    #260148

    Dear Dude ,
    Thanks for fast respond :)

    Second code is working :)
    But first only remove padding between flags, but flags again are over ” Phone Number or small info text””

    Best regards : Altan

    #260633

    Hi!

    Yes, the first code just shows you how to remove the padding and the second extends it for your website design :)

    Cheers!
    Peter

    #274800

    Hello,

    I a few months ago i bought Enfold template.
    I m finishing my job but i have same problem: In mobile phone, iphone, ipad or small screens, flags WPML are over phone information.
    You can see my problem in http://www.yachtcharterbcn.com/charter
    I tried code before but i have same problem.
    Any help, please?
    Thanks
    Sergio

    #274949

    Hi!

    Thank you for the link.

    Please add this on Quick CSS or custom.css to move the phone number below the flags:

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

    Regards,
    Ismael

    #275812

    Hello Ismael,

    Thanks for your help. I inserted in quick css general styling, i tried with iphone and Chrome/safari mac an it works perfectly.
    Regards
    Sergio

    #276008

    Hi!

    Glad we could help. Let us know if you need anything else.

    Regards,
    Ismael

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

The topic ‘Enfold 2.7 mobile: WMPL switch – incorrect position bug , mobile menu disappear’ is closed to new replies.