I couldn't set any code for the mobile banner image.

[merturkarslan]

I want to enlarge the picture by 350 px on the mobile side and move it 90 px to the right, but it is constantly cut from the inside, when I make it so that it does not get cut, it overflows from the right. I could not find a solution. As you can see on desktop, there is more content on the left side of the image, but when you push it 90px to the right side on mobile, it cuts the image inside.

[BSS-TekLabs]

Hello @merturkarslan 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[merturkarslan]

https://sadeceyedekparcam.com/ 
Here you go, thank you very much for your interest.

[BSS-TekLabs]

- Here is the solution for you @merturkarslan 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (max-width: 600px) {
.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
    height: 100%;
    height: 305px !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[merturkarslan]

Thank you for the image magic, but how can I shift it 90 px to the right? When I do it, the image is cut off.

[Moeed]

Hey @merturkarslan 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[merturkarslan]

There is something called collaborator request, I think that's what you're saying, the code is: 3995

[merturkarslan]

https://sadeceyedekparcam.com/