How to optimize banner size for desktop and mobile?

Solved
UzairAli
Tourist
11 0 5

Now when the mobile banner is fine, the desktop banner is not in size.

UzairAli_0-1632390413828.png

UzairAli_1-1632390424037.png

 

dmwwebartisan
Shopify Partner
9262 2143 2916

This is an accepted solution.

@UzairAli 

add the following code at the bottom of your assets/theme-responsive.css

.single-slider {
    width: 100%;
    background-position: center;
    background-size: cover;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

Add this 

 

@media (min-width: 1365px) and (max-width: 1500px)
.single-slider {
    height: 700px!important;
    background-size: cover !important;
}
Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
UzairAli
Tourist
11 0 5

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

Removing The Oils.PNG

dmwwebartisan
Shopify Partner
9262 2143 2916

@UzairAli 

This not a button . this logo text please upload your logo 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
UzairAli
Tourist
11 0 5

Dear Concerned,
What if i dont want it at all?

dmwwebartisan
Shopify Partner
9262 2143 2916

This is an accepted solution.

@UzairAli 

add the following code at the bottom of your assets/theme-responsive.css

.logo {display: none !important;}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
UzairAli
Tourist
11 0 5

Good Bless you dear.

Thank you so much for your precious time.

0 Likes
jandrei
New Member
4 0 0

 @Ajay_kumar_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_2-1632796206179.png

jandrei_3-1632796214316.png

jandrei_4-1632796229660.png

jandrei_5-1632796237305.png

 

 

 

0 Likes

@jandrei kindly share the store password.

 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes