Hey!
I am hoping to move the text in my image banner (both the heading and the text) to the empty space above the shoe. I imagine it is an easy fix but I have had no luck with the methods I have attempted.
Thanks for the help!
Hello Lace_master77,
It is a very simple fix.
Firstly you can check if your theme has an custom option to change the text location on mobile devices. It will be visible on Customise theme >> image banner section >> Check all the custom options.
If this is not the case.
You can use css to change the position of text. For that I would require current website link to preview the present css and then only I can share a proper css solution.
Hi @lace_master77
Please Provide store URL
Hi, it is https://shoplazylace.com/
Hello @lace_master77
Here is a solution.
Go to Shopify Admin > Click on three dots beside your theme and click edit code > search for base.css or theme.css or global.css file > at the bottom of that file add this piece of code.
div#Banner-template–17989847908651__image_banner .banner__box {
align-self: baseline;
}
Hope this helps.
-
Go to the online store
-
Edit the code and base.css file below paste the code
@media screen and (min-width: 749px) {
h2.banner__heading.h2 {
margin-top: -15rem;
}
}
In the above code. Please add media query.
New code
@media screen and (max-width: 749px) {
div#Banner-template–17989847908651__image_banner .banner__box {
align-self: baseline;
}
}
Hello, thank you for the help, but the code does not seem top work as intended. I have been trying to troubleshoot this but the text still remains over the shoe. I would like it to sit just above in the space between the shoe and store header. Please let me know what else I can try. Thanks
Hello, thank you for the help, but the code does not seem top work as intended. I have been trying to troubleshoot this but the text still remains over the shoe. I would like it to sit just above in the space between the shoe and store header. Please let me know what else I can try. Thanks