Issue with banner display

[barak33]

Hello Shopify community,

I use a minimal theme for my store, I have a problem with the banner. The Banner appears fine in mobile, but when I move to a desktop screen it is not properly displayed. I tried to find it in the theme settings but don't look for it.

Is there a way to fix this or make adjustments so that the bunner will look good on larger screens?

Thanks in advance for your help!

[suyash1]

@barak33 Can you please share this page link?

[TikitaTech]

Hi @barak33!

Could you share your store url?

[barak33]

https://dorins.net/

[BiDeal-Discount]

Hi @barak33 

It will better to me suggest the solution if you can share me the store url + password (if appliable)

Thanks

[BiDeal-Discount]

Hi @barak33 

Because your image have size 1920x1920 so it display like that.

I can change to display full as below but it still not ok because bad at horizonal sides

I suggest you should resize image to 1920x650 

[barak33]

Thanks, it's better but not yet perfect

[BiDeal-Discount]

is this ok?

[barak33]

The question is how will it be in mobile ...?

[BiDeal-Discount]

we only change for desktop screen

[Stacksavy]

Hello  @barak33 
I’d be happy to help  with a free marketing and design audit To give you the most accurate feedback, could you kindly share your store URL? This will allow me to provide tailored suggestions for improvement.

[Bundler-Manuel]

Hello there Barak @barak33  you can try this code to give your header a compact and wider look

<style>
:root {
--page-width: 1660px !important;
}
</style>

Let me know how this works for you!

[barak33]

Where exactly am I embedding the code?

[topnewyork]

Hi @barak33 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
  @media (max-width: 768px) {
    .ltn__slide-item-9 {
        height: 200px !important;
    }
}
@media (min-width: 769px) {
    .ltn__slide-item-9 {
        height: 300px !important;
    }
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[barak33]

No, it really cut me all the Banar and in the display Mobile changed completely