Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1353971

    Hello,
    I have not changed anything on my end besides WP updates (6.0) and Enfold updates. I noticed a sizable white space/gap below the slider on most of our pages. This requires the user to scroll to get to the content below the slider. I would appreciate any advice or assistance in getting this resolved. Thanks in advance!

    #1353993

    Hey 1stamerican,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1354069

    Hi Rikard, Thanks for taking a look. Cheers!

    #1354121

    Hi,

    Thanks for that. The same problem does not happen when I check in an incognito or private browser window, which would indicate a problem with caching. Could you try clearing all caches, or deactivate your caching plugin temporarily to see if that makes any difference please?

    Best regards,
    Rikard

    #1354318

    Hi Rikard,

    I tried clearing the cache on the entire site, deactivated W3 Total Cache and loaded it in an incognito window in multiple browsers (Chrome/Safari) and the problem still persists. Please see the attached screenshots in the shared link.

    Cheers,
    -Scott

    #1354479

    Hi Scott,

    I have added this CSS code in Quick CSS:

    #top .avia-slideshow .avia-slideshow-inner {
        height: auto !important;
    }

    Please review your site.

    Best regards,
    Nikko

    #1354522

    Hi Nikko!
    Thank you for that. It fixed the white space issue. I really appreciate it. There is one other related issue on mobile. The caption title in the slider is very large and the call to action buttons (call & schedule) are not appearing. Please see the attached screenshot. Thank you!

    • This reply was modified 3 years, 2 months ago by 1stamerican.
    #1354530

    Hi,

    Thanks for the update. Please try the following CSS as well:

    @media only screen and (max-width: 767px) {
    .slideshow_align_caption h2.avia-caption-title {
        font-size: 30px;
    }
    
    .slideshow_align_caption a.avia-slideshow-button {
        margin-top: 5px;
        font-size: 16px !important; 
    }
    }

    Best regards,
    Rikard

    #1354724

    Hi Rikard,
    I tried that and cleared the cache, but unfortunately the caption title font is still really large on mobile and the call to action buttons do not show. It’s seems like everything is zoomed in on the slider area.

    • This reply was modified 3 years, 2 months ago by 1stamerican.
    #1354728

    I also just saw some layout issues with the buttons in my navigation wrapping down below the navigation on secondary pages. I removed the code provided by Nikko and it fixed that issue and the previous white space below the slider did not reappear. So I have no idea whats going on. I haven’t had any issues like this with the theme before. It’s been quite stable.

    The mobile slider font issue is still present though. Thank you!

    #1354750

    Hi 1stamerican,

    I think the issue might be due to caching (older js and CSS files are fetched)
    As for the mobile slider font issue, edit the Fullwidth Easy Slider, edit the slide item, and go to Styling > Font Sizes > Caption Title Font Size then click the mobile icon and set it’s font to another size. (screenshot in private content)
    Hope it helps.

    Best regards,
    Nikko

    • This reply was modified 3 years, 2 months ago by Nikko.
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.