Docs

[piexec]

http://thelbcpalmharbor.com/

I’d like for these images of the “beer kegs” to be smaller on mobile. How do I set the image with for mobile?

Thanks in advance!

[Rad]

Hi there,

Thanks for posting in.

I’m not sure what is “beer kegs” as I can’t find it from your site. Would you mind providing the screenshot again?

Thanks!

[piexec]

The menus items seen here.

[piexec]

Attached.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.home #x-section-1 img {
    max-width: 200px;
}

Hope that helps

[piexec]

attached

[Rue Nel]

Hello There,

I guess you have replied at the same time. Could please try the given code from our previous reply?

.home #x-section-1 img {
    max-width: 200px;
}

Feel free to reduce it if needed.

[piexec]

I like the size they are on desktop. Just on mobile they are too big. This changes them on the desktop to be too small.

[Christopher]

Hi there,

Update previous code to :

@media (max-width:480px){
.home #x-section-1 img {
    max-width: 200px;
}
}

Hope it helps.

[piexec]

Perfect on my cell phone. On my tablet, still too big. See attached.

[Thai]

Hey There,

Please update the previous CSS a bit:

@media (max-width:768px){
.home #x-section-1 img {
    max-width: 200px;
}
}

Hope it helps 🙂

[Author]

Posts