-
Posts
-
Hi, when I have the text for the phone number in the top bar set at 18 on mobile devices the text doesn’t stay in the top bar, it overlaps the header. I’d like the top bar to adjust so that it’s large enough to contain the text. the domain is cainswreckerservice.net
Hey martinlee07,
https://cl.ly/b060eb11d425 Here is what I am seeing. Which part is not working for you?
Best regards,
VictoriaI had reduced the font size to 14 so that it stayed in the top bar. I just changed it back to 18 cause I’d like to use the bigger font there. If you check again you’ll see what I mean about the text overlapping from the top bar into the header below. Thanks for your help.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 479px) { #header_meta { min-height: 45px; } }Best regards,
RikardIt seemed to work at first. On my laptop, when I shrink the screen it seems to work. But, when I go to the site on my phone top top line doesn’t expand to hold the larger text as it does then I shrink the screen on my laptop.
Thanks for your help.Hi,
If it works when shrinking the browser then it should work on an actual device as well, did you try loading the page in an incognito/private window?
Best regards,
RikardI thought it should work on the phone as well. It doesn’t. It does in a web browser on a computer when it it shrunk both in and not in incognito mode. I don’t know why it’s not working on smartphones.
- You must be logged in to reply to this topic.