Problem with mobile site

Envato Customers Purchases and Subscriptions
1

Hello,

I have set up my site with Avada and it works well on desktop, but on mobile device there is a space between logo and slider. What have I done wrong?

https://www.sandra-abrahams.com

Best,
Sandra

2

Hi,

Contact with your purchase item author @ThemeFusion hope they will help you out from your issue.

Thanks!

3

Hi

Use this css mean add the following css at bottom into your theme css file as like (Avada/assets/css/style.min.css) and hope your space issues will be solved:

#main {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
#main .fusion-portfolio {
   margin-bottom: 0;
}

Thanks

4

Thank you! It did not work out :sleepy:

5

Hi

as far I have checked your website running cache, so please clear cache and check. otherwise please contact theme author.

Thanks

6

I have checked it in different browsers, but it still looks the same way. On destop it is fine, I only have the problem with my mobile site.

7

Hi

I have checked and found you have set height 736px. which is creating issues the space.
So, for fixing this you have to set the required height for small devices as like:

@media screen and (max-width: 480px) {
   #main #layerslider_1 {
      height: 300px !important;
   }
}

You have to write css for each break point. Or check slider settings if there you can set height for small devices.

My previous reply css was for fixing desktop space.

Thanks