Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #239037


    I’m using Fullwidth Easy Slider on my home page

    Can you please advise what can be done or how to set it up so when it is viewed on a mobile devise the same information/buttons are visible



    Hi rcgroup!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 479px) { 
    .responsive #top .slideshow_caption h2 {
    font-size: 15px;
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 4px; }
    #top .avia-slideshow-button { margin-top: 2px; padding: 5px 8px; font-size: 11px;



    Thanks that helped – but the second button is still cutoff

    Also a different concern – I’m looking to make the MENU text a bit more substantial – is it possible to have the words be wrapped in a color background similar to how the button look now.




    1) I see no way to show the buttons on small screens with the current slider. There’s simple not enough space. You can try to increase the image height – then the slider height will increase on smaller screens too and then you should be able to show the buttons and the text. I’d even recommend to try the fullscreen slider. Alternatively you can try to remove the caption and to show the buttons instead. You could hide the caption with:

    @media only screen and (max-width: 767px){
    .caption_framed .slideshow_caption .avia-caption-content p{ display none; } 

    2) Yes, you can use this code to apply a colored background to the main menu links:

    .av-main-nav li.menu-item-top-level .avia-menu-text{ background: #e2e2e2; padding: 10px; }

    Adjust the color value and padding if necessary.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.