How can I adjust the banner title and button position and size on mobile view?

Store Design
, ,
1

Hello!

I’m having some issues trying to set the perfect design for my shop on mobile view.

First, i needed to change the font size exclusively on mobile view, and i found a great solution here in the forum which was the following code:

@media screen and (max-width: 749px) {
.banner__heading {
font-size: 20px;
}
}

The result was the following:

7B_0-1716237201210.png
7B_0-1716237201210.png844×846 419 KB

Now, i need to place the title and button on the bottom of the image banner, instead of remaining at the center. It would be nice if I could also adjust the button size only on mobile view or make the image banner clickable, redirecting for the intended page.

Can someone help with this matter?

Thanks in advance!

1 Like
2

I asked for assistance and there’s no way of doing it in the customizable sections, only by coding. The shop isn’t live yet.