-
AuthorPosts
-
March 18, 2014 at 12:00 am #239037
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 #239065Hi 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!
YigitMarch 18, 2014 at 6:06 am #239150Thanks 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 #239944Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.