How can I adjust mobile slide size for better readability?

Store Design
1

Hi!

I have a slide on my website (gellednails.com) that looks awesome on computer but too small in mobile

Right now it’s at 100% but as the sides are transparent, I’d like it to be at 150% so it’s a bit bigger and easier to read

Is there any code I can add?

Here’s a screenshot:

IMG_4033.PNG
IMG_4033.PNG1284×2778 247 KB

2

hi Gadea, i have seen your request and i feel i can di this task for you, kindly DM me for mew to have more info about your website. Trust me

3

Hello! So I wrote a bit of CSS that should do the trick:

{% style %}
@media only screen and (max-width: 750px) {
div#Banner-template--15678560928002__1646719687b65aea62{
    width: 135%;
    margin-left:-17%;
}
}
{% endtyle %}

(Do this on a test theme first!) Go into your store admin, then go to Online Store > Themes > Actions (on your live theme) > Edit Code. Then search and find the file named ‘theme.liquid’. Add that code to either the very bottom of that file, then hit save! That should work.

Hopefully, that helped out, let me know if it did or if I can answer anything else!

4

Hi @mt686 this worked great! Exactly what I needed, thanks a lot!