How can I adjust title placement in mobile view?

Store Design
1

Hi all I want to bring the titels at the home page up a little so that they will be in the empty background of the picture and not on the faucet please look ( Mobile version only!! no change in other platform)

post.png
post.png519×793 327 KB

Store: Berez.org.il

Pass: zadoko88

Thank you :heart:

1 Like
2

Hi @malul

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
@media only screen and (max-width: 575px) {
h1.slide-title.animated {
    padding-bottom: 60px;
}
}

Result:

Ribe_Dagandara_0-1691441596921.png
Ribe_Dagandara_0-1691441596921.png574×432 290 KB

I hope it help.

3

Hey @malul

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1691475620964.png
Moeed_0-1691475620964.png372×667 159 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed