Hello! I am working on a website right now and can’t figure out how to make the ubereats logo image full sized (so it isn’t cutoff). This is what it looks like by default:
I want to figure out how I can make the section look like below using custom CSS:
I want to make it look like that for desktop and similar for mobile. Thank you!
Here’s the preview URL: https://ggrijndr9viu7b0g-59803566217.shopifypreview.com
Hi @nadiamejilla , where is this section located in your website?
It was hidden originally but i’ve duplicated a copy and have unhidden it!
The new preview link is here: https://fwnpl6squllwurzw-59803566217.shopifypreview.com
@nadiamejilla , you want the image to be smaller?
Yes please and make it full-sized so that it’s not cut off at all in desktop or mobile view.
@nadiamejilla , add this as a custom css to this section from your theme editor
.media>img {
transform: scale(50%)!important;
}
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
hello @nadiamejilla
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your component-image-with-text.css file
Add the below CSS
