Responsive buttons?

[sharmstr]

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.

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I’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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Abe]

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[Author]

Posts