Shopify themes, liquid, logos, and UX
Hello I am having trouble to make my main image of my home page responisive to fullscreen.
I am currenly using debut theme, and I was able to add a menu in text overlay to be able to add a diffent image in mobile.
Now I want to do the same for fullscreen. This is how it looks in fullscreen.
So I want to add a different picture for fullscreen.
This is the result Im looking for.
The website is https://infiniteathletic.com/
Please help.
Thanks
Go to your Online store > Themes > Edit code > open theme.css or theme.css.liquid file, add this code at the bottom
media only screen and (min-width: 750px) {
.hero--x-large { height: 1000px !important; }
}
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the Bottom of the file:
.hero__inner {
position: absolute!important;
}
Hello would be posible to keep the text in the middle?
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css
.hero__inner {
position: absolute !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hello would it be posible to keep the text in the middle?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025