Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2014 at 12:00 am #239037
    rcgroup

    Hello

    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

    http://rcgauto.staging.wpengine.com/ (hosted on WPengine)

    March 18, 2014 at 2:10 am #239065
    Yigit

    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;
 }}

    Cheers!
    Yigit

    March 18, 2014 at 6:06 am #239150
    rcgroup

    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.

    Thanks

    March 19, 2014 at 9:12 am #239944
    Dude

    Hi!

    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,
    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.