[RAMIROROSAS]

I have a problem with the Tabs. In mobile phones they look very large and they overflow from the sides. If you move the screen you can see a color bar on the side.
Is there any way they get smaller in smalls screens?

I attach a picture of the problem.
http://corma.mx/wp-content/uploads/2019/10/Screenshot_20191010-161402_Chrome.jpg

Reply

[Fem]

Hi, RAMIROROSAS
Add this CSS in your custom CSS

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.systabspane.hortabs ul.tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media only screen and (max-width : 320px) {
	.systabspane.hortabs ul.tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

If still you have any further queries feel free to contact us.

Reply

[RAMIROROSAS]

This reply has been marked as private.

Reply

[Fem]

Hi, RAMIROROSAS
I have seen it is working fine tab buttons are placed vertically in small screens.

Reply

[RAMIROROSAS]

Hi… u r right! Thank u so much!

Reply