Hey!
I’m having some issues when it comes to optimizing my banner size to fit mobile & desktop. I have the furtop -v-1-0-0 theme.
I dont know exactly how to put the code, its placement specially but i do know where to go in order to insert the code
I’d appreciate if anybody can assist me.
Thanks!
Dear concerned,
I want to optimize the banner size of my store.
For example:
The size of the banner on desktop can not be same for the mobile banner.
but in my case the moment i update any banner image its the same size being updated for both desktop and mobile which i don’t want.
i want it to be rational according to device type.
URL of store:
https://theoils.net/
Pictures are attached below
Hi @UzairAli
Let’s fix this within 10 seconds. Go to your theme > edit code > style.css or style.scss and paste the following css below.
@media only screen and (max-width: 575px)
.single-slider {
height: 390px!important;
width: 100%;
background-position: center;
background-size: cover;
}
This is how, it will look in mobile view. Do let me know if anything requires.
add the following code at the bottom of your assets/theme-responsive.css
@media only screen and (max-width: 575px){
.single-slider {
height: 390px!important;
width: 100%;
background-position: center;
background-size: cover;
}
}
Thanks!
yes
You can include this css in this or add below 542 line
Add code after line no 542
add the following code at the bottom of your assets/theme-responsive.css
.single-slider {
width: 100%;
background-position: center;
background-size: cover;
}
Add this
@media (min-width: 1365px) and (max-width: 1500px)
.single-slider {
height: 700px!important;
background-size: cover !important;
}
Dear Concerned,
I really appreciate your assistance, i was able to fix the issue.
Thank you so much.
Just a little more help i require,
I have attached a screenshot below,
I want to remove the The Oils written on the left it a clickable button which takes you to the homepage, since i am having already home home button i dont need The Oils button.
Thank you
This not a button . this logo text please upload your logo
Dear Concerned,
What if i dont want it at all?
add the following code at the bottom of your assets/theme-responsive.css
.logo {display: none !important;}
Good Bless you dear.
Thank you so much for your precious time.
@Ajay-app-dev Can you please help me optimize the banner settings on my site for mobile? URL is neuro-tea.com. Banner looks ok on desktop (image below), but the sides get cut off and the text gets bunched up on mobile (image below). I’m also having an issue with a picture showing up beside a block of text on mobile, but it should be above the text on mobile (pics below as well). Thanks!
@jandrei kindly share the store password.
