Tagged: header, mobile, phone, responsive
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
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
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
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
Wow, thanks for the amazing support. It’s all fixed now. Looking forward to using more of your themes.
Greetings from Innsbruck,
Alex