I added my own button on the slider and set the slider to full width to work with all devices in different sizes. When I see it with small screen sizes the button does not scale accordingly.
you should use some kind of responsive CSS classes with your button so it can scale according to the responsive definitions of your template. Revolution slider can't do that automatically
you should use any kind of responsive CSS class that works for this kind of button. I don't know which kind of framework are you using on your Joomla template but maybe something like this could give you an idea how to achieve this
Hi,
I added my own button on the slider and set the slider to full width to work with all devices in different sizes. When I see it with small screen sizes the button does not scale accordingly.
Is there any thing I missed?
Thanks for your time to resolve this.
Regards.
Mek
Hi,
you should use some kind of responsive CSS classes with your button so it can scale according to the responsive definitions of your template. Revolution slider can't do that automatically
Regards,
Igor
Regards,
Igor
Thanks for reply.
Here is the CSS I used for the button. Should I use the "width" class to work with this?
a.rbtn1:link, a.rbtn1:visited {
background-color: #fff;
color: #000000;
font-size: 20px;
font-weight: 100;
font-family: Questa Sans;
border: none;
padding: 10px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a.rbtn1:hover, a.rbtn1:active {
background-color: #f1dacb;
color: #000000;
font-size: 20px;
font-weight: 100;
font-family: Questa Sans;
border: none;
padding: 10px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
}
Hi,
you should use any kind of responsive CSS class that works for this kind of button. I don't know which kind of framework are you using on your Joomla template but maybe something like this could give you an idea how to achieve this
http://www.bootply.com/93706
http://codepen.io/cliftwalker/pen/JoWyjy
http://stackoverflow.com/questions/20902400/how-to-make-custom-css-button-responsive
Regards,
Igor
Regards,
Igor