Hey there.
I am working with the Refresh theme, and I am having an issue with the text in my home page image banner. Everything is good on mobile, but on desktop, the content covers some of the background image in the center. So far, I’ve thought about moving the content over to the left a bit or reducing the width of the content. I think that the latter would be better, but I don’t know how to code that. The desktop content position is already set to middle left.
novorelief.com
The image below is my view of the issue on desktop.
Hi @aidanbrown
Please add this code to Custom CSS of that section
@media screen and (max-width: 990px){
.banner__content { padding-left: 0px !important; }
}
Hi @aidanbrown
This is David at SalesHunterThemes.
Thank you for your question.
Follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css
@media only screen and (min-width: 750px){
.banner--content-align-left.banner--desktop-transparent .banner__box,
.banner--content-align-right.banner--desktop-transparent .banner__box,
.banner--medium.banner--desktop-transparent .banner__box {
max-width: 45rem;
}
}
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
Hi @aidanbrown ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
1 Like
Thank you for your help! This worked for me.
