Help How to adjust spacing between Icon and Banner ( empty space is too wide )

[OLIV1]

Help HELP 

I need to do adjustment in between

1. the Icon List and Banner 

2. The Header and Icon List

Thank you 

[topnewyork]

Hi @OLIV1  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[OLIV1]

Hi 

Here is the link 

https://oscarliving.co.id/

I am using empire 11.13 right now 

[topnewyork · Accepted solution]

@OLIV1 
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>
  div#shopify-section-template--19246498251001__dynamic_slideshow {
    margin-top: -4rem !important;
}
div#shopify-section-template--19246498251001__845962e2-72ee-42cd-ab5b-4ae9ad6585df {
    margin-top: -2rem !important;
}
</style>

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

[OLIV1]

Dear Top Newyork 

I try to put the code and it works only for the desktop version 

can we do the same to the mobile version to be one line as well like a desktop ? ??

[topnewyork]

yeah sure, you can try this code

<style>
  @media (max-width: 768px){
   div#shopify-section-template--19246498251001__dynamic_slideshow {
    margin-top: -4rem !important;
}
div#shopify-section-template--19246498251001__845962e2-72ee-42cd-ab5b-4ae9ad6585df {
    margin-top: -2rem !important;
}
}
</style>

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

[OLIV1]

I think This code is not working with the mobile version