Hi Guys,
I have a masonry grid on my main page: http://www.onfejlesztoter.hu/
and the titles doesn’t fit in the containers on smaller screens like tablets:
https://goo.gl/photos/bVsmrczwKpemagej7
I tried the set up the right min-width of the container, but I didn’t find the right code.
Could you help with the issue?
Thanks in advance!
Best regards,
Robi
Hey caroberto6!
Try to add this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) and (min-width:768px) {
#top.home #av_section_3 h3.av-masonry-entry-title.entry-title {
font-size: 15px;
}
}
Hope this helps :)
Best regards,
Nikko
Hey Nikko,
unfortunately nothing has changed. :(
Best regards,
Robi
Hi,
Try placing !important after the 15px in the code. So the code should now look like this:
@media only screen and (max-width:1024px) and (min-width:768px) {
#top.home #av_section_3 h3.av-masonry-entry-title.entry-title {
font-size: 15px !important;
}
}
Let me know if that made a difference.
Best regards,
Jordan
Hi Jorden,
I’ve tried it, but there is no change.
Best regards,
Robi
Hey!
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Cheers!
Nikko
Hey,
Information is below.
Regards,
Robi
Hey!
It should be good now, I’ve cleared the cache and minified css/js. :)
Regards,
Nikko
Hey Nikko!
Yes it works now perfectly!
Thank you for your help, Kriesi support is the best ever :D
Have a nice evening!
Regards,
Robi