On mobile browsers, at least iPhone safari & chrome, top bar social icons + phone numbers will not show up. Just empty bar with background color.
This affects only home page – top bar is fine on other pages.
Hey jussisiiriainen,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width:767px) {
#header_meta a, #wrap_all .header_color.av_header_transparency .phone-info.with_nav span {
color:#000!important;
}
}
Best regards,
Vinay
Hi,
I put that in custom.css
That doesn’t fix the problem though. social icons or phone info still does not show up in top bar on home page (iPhone +Chrome)
(iPhone + Safari) social icons also do not show up BUT very strangely I can see phone# “010 2797 800” even though full text from the field is supposed to be “Tilaa työvuoroja Puh: 010 2797 800 (joka päivä klo 6-24)”.
BR,
Teemu
Hi,
We can see the social icons and the phone number in the top bar when we emulate an iPhone screen. Could you please provide a screenshot of the issue?
Best regards,
Ismael
Yes, it works thank you. I had min and max widths mixed.
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
That’s all thanks.
