Tagged: enfold, mobile, responsive
Hello, how can I fix that the phone number overlaps in mobile devices? I had to grow the phone number and now I need to change the mobile version in order to avoid this.
http://mobiletest.me/#d=iPhone_5_portrait&u=http://ccd.espacio-k.com/
Any advice is appreciated.
Jorge.
Hey Jorge!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (min-width: 481px) and (max-width: 989px) { .social_header .phone-info { font-size: 14px; }}
@media only screen and (min-width: 481px) and (max-width: 767px) { .sub_menu { line-height: 18px; }}
@media only screen and (max-width: 480px) { .sub_menu { line-height: 16px; font-size: 12px; }
.social_header .phone-info { font-size: 11px; }}
Cheers!
Yigit