Headline Rotator Needs Fixed Height Option

Hey ramonolivencia,

Could you post a link to where we can see the element in question please?

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.av-rotator-container {
    height: 60px;
    min-height: 60px;
}
}

Best regards,
Rikard

Hi Ramon,

The code you added is applying and it looks good on my end on mobile. Please try using an incognito or private window in your mobile browser to see if that helps, if not then please try increasing the value 60 to 70 or 80 for example.

Best regards,
Rikard

Hi Ramon,

Please try this CSS as well:

@media only screen and (max-width: 767px) {
.home #after_section_1 .av-rotator-container {
  margin-bottom: 130px;
}
}

Best regards,
Rikard

Hi,

Please add this CSS as well:

@media only screen and (max-width: 767px) {
.page-id-4119 #av_section_2 .av-typewriter {
    height: 175px;
    min-height: 175px;
}
}

Best regards,
Rikard

Hi,

Thanks for the update. I tried adding and removing CSS from your Quick CSS box, but nothing is added or removed, and it looks like it’s acting that because you are serving content via a CDN. Could you try to turn that off temporarily so that we can check which code works and what doesn’t please?

In the meantime, please try to remove the CSS I have given you in this thread, so that we can start fresh. I tried myself, but the CSS I removed is still applying on the site.

Best regards,
Rikard

Hi,

Thanks for the update. I see that you have commented out the code, but it’s still applying as you can see in the screenshot in private. Could you try reaching out to your hosting provider and ask if there is some kind of delay or caching going on? Also please ask them how to turn off the CDN, to check if that makes any difference.

Best regards,
Rikard

Hi Ramon,

Thanks for the update. I’m still seeing the same code being applied as in the screenshot above though, I’ve checked in a regular and private window, so it’s not local caching. The CSS is still being served from the CDN as well, please see private.

Did you ask when the cache expires, and how to turn off the CDN?

Best regards,
Rikard

Hi Ramon,

I believe that you have disabled it, so I don’t think it should be necessary with a screenshot. If you do want to share one though, then you can upload to a service like Google Drive or Dropbox, then link to it here. Just for clarity; your CSS is still being served via the CDN service, and I’m still seeing the commented CSS applying, so I removed it from your Quick CSS box. Let’s see if that changes anything. I’ll paste what I cut out in private, for reference.

If you could share FTP login details with us as well, the please do so. I would like to check the uploads folder where the theme CSS files are located.

Best regards,
Rikard

Hi,

Thanks for that. I checked the enfold_child.css file which is located in the /uploads/dynamic_avia/ folder, and the CSS is correct in there. This part is commented out, as it is in your Quick CSS, so that is correct:

/*  3-nov-20 ( Kriesi): Para achicar tamaño del Headline Rotator (3 de 3) en los móbiles 

@media only screen and (max-width: 767px) {
.av-rotator-container {
   height: 60px;
   min-height: 60px;
}
}

*/

What I don’t get it why it’s still there, since I removed it yesterday. Did you add it back in? Anyway, I removed it again just now.

The code in question which is commented out, is still being served from the file in private though. So that means there must be some sort of caching, or delay from the CDN network. Have you still not found where you can deactivate the CDN?

Best regards,
Rikard

Hi,

Thanks for the update. I just checked Quick CSS, and the code is not in there, or in the enfold_child.css file in the uploads folder, but the code is still applying on your actual site. I think you will have to reach out to your hosting provider about this problem, since it seems to be a problem on their end, not with the theme.

Best regards,
Rikard

Hi Ramon,

Great, I’m glad that you came up with an alternative solution. I’m not sure what you should keep in mind to be honest, but the fact that the served CSS on your site seems to be updated very slowly can pose a problem for you in the future. I would advise that you at least try to bring that up with your hosting or CDN provider.

Best regards,
Rikard