Hello Kriesi Team,
I have a small issue on the tablet version of the site. Information is below. Is there a way increase media size so it directly jump into mobile version
Thank you in advance
Hi dilge,
I couldn’t see any obvious problems on the page you linked to, could you try to explain a bit further and/or post screenshots of the issue please?
Thanks,
Rikard
Of course @Rikard, I couldn’t find image upload here so i uploaded my server. Here is the link you can see when it overlaps because it doesn’t break the word.
http://the-refinery.org/textoverlap.png
Thank you in advance
Hi,
Ah, I see. Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 990px) {
.page-id-622 #av_section_4 h1.av-special-heading-tag {
word-break: break-all;
}
}
Thanks,
Rikard
Hello @Rikard,
I tried but no luck so far :( I cleared the cache and tried with different devices.
Hi,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Regards,
Rikard
Hello @Rikard,
Info is below, thank you in advance.
Hi,
It’s working on my end when I resize my browser, please note that the code will wrap long words (they will appear on two lines). If you should not see the changes then please clear the cache from your caching plugin and disable it until you have resolved this issue. I changed the media query a bit since it was overlapping between approximately 1120 and 990 pixels.
Regards,
Rikard