SKT BUILDER’s Photo Gallery from Desktop to Mobile

[Casara Clark]

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!

[Forum Moderator]

Hi,

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

[Author]

Posts