How to remove "product deal" and make the slider full width

I need help with customizing my Shopify theme. On www.adhesivemarket.pl I want to remove the container that contains the “product deal” (Loctite 222 - 250 ml) and ensure that the slider next to it expands to take the full available width.

I have already tried hiding the container with CSS (display: none) and modifying the Liquid HTML, but after removing it, there is still an empty space, and the slider does not expand. I also attempted adjusting grid-template-columnsand flex-grow, but without success.

Can anyone help me find the correct solution to ensure the slider automatically stretches to fill the full available space?

Thanks a lot for any help!

Hi,

Hope this will help

  • Find the section where the “product deal” and slider are located.
  • Remove the container
  • Use css for full width to slider
    cod example
.slider-container {
    width: 100% !important;
    max-width: 100% !important;
    flex-grow: 1;
}
  • Check for no extra padding or margins and Test Responsiveness