Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 4, 2014 at 11:03 am #259913
    Altan

    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 10 years, 10 months ago by Ismael.
    May 5, 2014 at 9:06 am #260125
    Dude

    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

    May 5, 2014 at 10:10 am #260148
    Altan

    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

    May 6, 2014 at 9:18 am #260633
    Dude

    Hi!

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

    Cheers!
    Peter

    June 4, 2014 at 10:39 pm #274800
    novamaris

    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

    June 5, 2014 at 6:12 am #274949
    Ismael

    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

    June 6, 2014 at 8:57 pm #275812
    novamaris

    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

    June 7, 2014 at 7:25 am #276008
    Ismael

    Hi!

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

    Regards,
    Ismael

  • Author
    Posts
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.