This topic has 3 replies, 2 voices, and was last updated 11 years by 
-
-
Does anyone know if its possible to make the buttons responsive, as in shrink and expand based on screen size? I’ve attached two screenshots. One shows that the button doesn’t shrink so the alignment is out of whack.
I came up with this. Not perfect but much better. I added a new class “btn-lg-rev-slider” to the button shortcode in Rev Slider
COPY CODE@media (max-width: 768px) { .btn-lg-rev-slider { border-radius: 3px; font-size: 80%; line-height: 1; padding: 3px 5px !important; margin-left: -20px; } } @media (max-width: 1200px) and (min-width: 769px) { .btn-lg-rev-slider { border-radius: 3px; font-size: 80%; line-height: 1; padding: 15px 10px !important; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionI’m an idiot. All I needed to do is turn on ‘responsive through all levels’. *sigh*
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi, We did some tests and to center the button you should make sure that the layer is center aligned and with an offset.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 4 posts - 1 through 4 (of 4 total)
The topic ‘Responsive buttons?’ is closed to new replies.