Please provide a link to your site.
It shows for me in Firefox “Responsive view” – http://i.imgur.com/j4g5vya.png
What mobile browser did you try it on?
Text on Home Slide Image Description and Home Slide Image Button Text not displaying on Mobile device browsers.
Works fine on pc but not on all mobile devices.
My website is http://goldsalem.com/
Please help
Hi,
For showing description or button text on mobile device follow the given below instructions:
Go to Dashboard admin panel >> Appearance Menu >> Theme Options >> Custom CSS.
Now add this CSS rules into custom CSS box
@media only screen and (min-width: 200px) and (max-width: 480px) {
.carousel-list li {
font-size: 9px;
overflow: hidden;
font-family: '
padding: 5px;
line-height: 8px;
display: block;
}
.carousel-text h1 {
margin: 0 0 0px 0;
padding: 5px;
font-size: 10px;
font-family: ‘Open Sans’, sans-serif;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
line-height: .line-height: 8px;;
}
.carousel-text .enigma_blog_read_btn {
font-size: 10px;
display: inline-block;
padding: 3px;;
}
}
and save the changes
Thanks
I am using safari on iphone. I want it to show for safari.
Hi,
Go to Dashboard admin panel >> Appearance Menu >> Theme Options >> Custom CSS.
Now add this CSS rules into custom CSS box
@media only screen and (min-width: 200px) and (max-width: 480px) {
.carousel-list li {
font-size: 7px;
overflow: hidden;
font-family: ‘
padding: 5px;
line-height: 8px;
display: block;
}
.carousel-text h1 {
margin: 0 0 0px 0;
padding: 5px;
font-size: 7px;
font-family: ‘Open Sans’, sans-serif;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
line-height: .line-height: 8px;;
}
.carousel-text .enigma_blog_read_btn {
font-size: 7px;
display: inline-block;
padding: 3px;;
}
}
and save the changes.
Let me know for further assistance.
Thanks
this css code isn’t working for me
