Home › Forums › All Other Themes › SKT BUILDER’s Photo Gallery from Desktop to Mobile
- This topic has 1 reply, 2 voices, and was last updated 2 years, 8 months ago by
Forum Moderator.
-
AuthorPosts
-
January 6, 2021 at 2:10 am #172245
I’m at ramolawpc.com, on the IN THE NEWS page.
There is a photo gallery I put on there that comes from the SKT Builder template.
I’m happy with it on the desktop version of the site, but would love to know if the Heading could shrink more on the mobile version of the site.
I have a screen capture of what’s happening here:
https://www.ramolawpc.com/new/wp-content/uploads/2021/01/SCREEN-GRAB-OF-HEADING.jpeg
It’s cutting off the text of the header rather than just making the header smaller …
Is it possible to fix and get the header text to just be smaller on the mobile site? But still keep it as-is on the desktop site?
(So rather than just make the header smaller, can I make it only get smaller when the site is mobile?)
Thank you!
January 6, 2021 at 1:23 pm #172297Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:479px) { .skt-builder-carousel .skt-builder-carousel-title { font-size:20px !important;} .skt-builder-carousel .skt-builder-carousel-content { transform: translate(0, -32%) !important;} } @media screen and (min-width:480px) and (max-width:767px) { .image-block img, .portfolio-area li { min-height:inherit !important;} .image-block { height: 154px !important;} } @media screen and (min-width:768px) and (max-width:1023px) { .image-block img, .portfolio-area li { min-height:inherit !important;} .image-block { height: 122px !important;} }
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.