Shopify themes, liquid, logos, and UX
Hi, I would like some advice on how to put a title on the banner on the mobile version, like I have on the desktop version. I currently have the text below the image and would need to have it on it. Also I'd like to change the color of the title to white. Thank you
https://aris-customwear.com/
Hey @ArisCustomWear
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 </body> tag
<style>
@media screen and (max-width: 767px) {
.banner__content {
position: absolute !important;
}
.banner__box {
background: transparent !important;
}
h2.banner__heading.h1 {
white-space: nowrap !important;
color: white !important;
font-size: 22px !important;
margin-bottom: -20px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi, @ArisCustomWear
1. Go to online store -> theme -> edit code.
2. Open section-image-banner.css
.banner__heading {
margin-bottom: 0
color: white !important;
}
Hello @ArisCustomWear, You can do it with customisation of the theme of Dawn in the sections settings. In the image banner section please unchecked the setting of "Show container on mobile" and see the result. it should works fine without changing any CSS or Code. Please see the screenshot below,
1. Default settings
2. Change it to below setting,
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
Hi @ArisCustomWear,
Please go to Customize > Slideshow. You can try to disable this option, it will display fine:
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024