-
-
Hello,
The custom headings that I have on the following pages are not displaying correctly on the mobile (responsive?) version of my website. Please visit the following links, and note how the custom headings are jumbled together when viewed on a mobile device:
- https://new.image120.com/feature-sheets/
- https://new.image120.com/virtual-tour-slide-shows/
- https://new.image120.com/pricing/
- https://new.image120.com/real-estate-photography/
How can a fix this issue?
Also, when the portfolio at https://new.image120.com/real-estate-photography/ is viewed, it only shows 3 images in total, while there are actually more than 60 images to be displayed (“3 per page, lazy loading”) as per the desktop view (the “3 image only” view is only prevalent on the mobile version). How can I fix this problem, so that more images are displayed in the mobile view?
Please advise.
Thanks in advance!
Calvin
-
Hello,
For the headings in mobile, please add these lines into your custom css box:
@media (max-width: 767px){ h2 { line-height: 60px; } }
I can see all portfolio images even in mobile. Screenshot. Can you send a screenshot of the issue?
Best regards!
-
-
Hello,
Please edit the above code to this:
@media (max-width: 767px){ .vc_custom_heading h2 { line-height: 40px !important;} }
Best regards!
-
-
Hello,
The difference between the two, is the font size. In the Pricing page, H2 titles font size is 38px, while in the other two pages, it’s 55px. Since the attributes are applied to the same css class, we can not change anything to it. All you have to do is set these two other page’s font size titles to 38px. Or at least have the same size to all pages and edit the value of the above code to fit the new font size.
Best regards!
-
Hello,
Thanks very much for the explanation – adjusting the font size solved the problem!
Thank you
Calvin
-
You must be logged in to reply to this topic.