Responsative problem with the slide of home

Hi hector1069,

I checked your site and I did not notice any issues.
Can you give us a screenshot on the issue you’re referring?

Best regards,
Nikko

Hi Almudena,

We apologize for the delayed response.
Please add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  #top.home #main #full_slider_1 .avia-slideshow-inner {
    height: 200px !important;
  }

  #top.home #main #full_slider_1 .avia-caption-title {
    font-size: 36px !important;
  }

  #top.home #main #full_slider_1 img {
    height: 200px;
    width: auto;
    max-width: none;
    transform: translateX(-50%);
    left: 50% !important;
  }
}

Best regards,
Nikko

Hi Almudena de Andrés,

I tried to check your site but I’m getting this:

This site can’t be reached

Is it blocked on some countries?

Best regards,
Nikko

Hi hector1069,

Thanks for giving us admin access and the link is showing properly.
There are two reasons why it’s not working.
1. In Quick CSS, I found this js code on top of the CSS code I gave, since this is invalid CSS, the bottom CSS is ignored. (I have removed this code)

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/7d87447c8a15511e19564fe25/d7f93ca2d4b26511a57d7642f.js");</script>

2. Cache (worked properly at this point when logged in, but not when logged out, flushing the cache fixes the issue).
Also, I modified the code a bit so it adapts with the design:

@media only screen and (max-width:767px) {
  #top.home #main #full_slider_1 .avia-slideshow-inner {
    height: 280px !important;
  }

  #top.home #main #full_slider_1 .slideshow_align_caption {
    padding-right: 120px;
  }

  #top.home #main #full_slider_1 .avia-caption-title {
    font-size: 28px !important;
  }

  #top.home #main #full_slider_1 .comhdossl {
    font-size: 24px !important;
  }

  #top.home #main #full_slider_1 img {
    height: 280px;
    width: auto;
    max-width: none;
    transform: translateX(-45%);
    left: 50% !important;
  }
}

Best regards,
Nikko

Hi Almudena,

We’re happy that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko