Hello :)
I want to change the font size and the position of the phone number in the top header. Another problem occurs: the flags of WPML and phone number are overlayed when you watch with mobile device. How can I fix this problem?
Thank you!
Sylvana
Hi :)
In the private content area a screenshot with Dropbox how it shows on mobile device how WPML flag and phone number are overlay-ed.
Best regards,
Sylvana
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.phone-info {
font-size: 16px;
}
@media only screen and (max-width: 480px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
float: left;
}}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Yigit,
Thank you! Is it possible to outline the phone number so it’s only one rule instead of two?
Best regards,
Sylvana
Hi,
I do not see the phone number on the site would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay