Delete bar and move slideshow up supply theme help

Store Design
1

I have a couple issues that I need help with. Can someone point me to the right direction please?

First pic: I want to remove that separator bar and move the slideshow picture up to remove the empty white space.

fix1.jpg
fix1.jpg3411×1190 178 KB

Second & third pic: I want to remove that separator bar and delete most of the white empty space. I want to move that same bar up to separate the 3rd pic.

fix2.jpg
fix2.jpg3410×780 107 KB

fix3.jpg
fix3.jpg3411×1091 146 KB

URL: slickmod.com

2

@sabor - please add this css to the very end of your theme.scss file and check

#shopify-section-1552866830390 hr{display: none;}

div#emthemesModezBannersBlockHome4ColInfo {border-bottom: none;}

#shopify-section-1649049716d76b18c2{border-bottom: solid 1px #efefef;}
3

Hi @sabor ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css->paste below code at the bottom of the file:
div#shopify-section-1552866830390 > hr {
   display: none;
}
#ymm_searchbox.horizontal{
   padding-bottom: 0;
}
div#emthemesModezBannersBlockHome4ColInfo {
    padding-top: 30px !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

4

Thank you for help. I was wondering if you can help me move the coding down more. currently in mobile view, it goes above the add to cart button and is not align correctly.

#shopify-section-1649049716d76b18c2{border-bottom: solid 1px #efefef;}

5

Hello and thank you for your help. Everything work great except for the bar code
“#shopify-section-1649049716d76b18c2{border-bottom: solid 1px #efefef;}”

Currently, it is sitting on top of my add to cart button. Is there anyway to move it down some more? Thanks.