Vertical tabs not responsive

Vertical tabs not responsive [SOLVED] was created by Chrysant

Posted 1 year 1 month ago #67341
On large resolutions the Vertical Tabs looking good:



On small screens they are not looking well:



How to fix that?
Tried it with the PX-entry for Tabs in % - but it wont work...
The Tabs should change to Horizontal Tabs ore something like this.
Last Edit:1 year 1 month ago by Chrysant
Attachments:
Last edit: 1 year 1 month ago by Chrysant.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Vertical tabs not responsive

Posted 1 year 1 month ago #67371
Hi
Please try to add this custom css to your page for the needed resolution

.cktype > .ui-tabs.vertical_tabsck > .ui-tabs-nav {
width: auto;
float: none;
}

.cktype > .ui-tabs.vertical_tabsck > .ui-tabs-nav ~ .tabck {
margin-left: 0;
}


CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Chrysant on topic Vertical tabs not responsive

Posted 1 year 1 month ago #67420
Hello CEd,
thanks, this is a step in the right direction.
I noticed that there is an inline style
Code:
style=margin-left: 300px

How do I get there?



Setting following to zero:



the content has full with, but there are no more tabs (just set ist to zero)
Last Edit:1 year 1 month ago by Chrysant
Attachments:
Last edit: 1 year 1 month ago by Chrysant.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Vertical tabs not responsive

Posted 1 year 1 month ago #67422
you can force the responsive with the important property
Code:
.cktype > .ui-tabs.vertical_tabsck > .ui-tabs-nav ~ .tabck { margin-left: 0 !important; }

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Chrysant on topic Vertical tabs not responsive

Posted 1 year 1 month ago #67426
That´s it. Works great! Best Support!

Workaround could be an option for further versions ...
Last Edit:1 year 1 month ago by Chrysant
Last edit: 1 year 1 month ago by Chrysant.

Please Log in or Create an account to join the conversation.

Time to create page: 0.982 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 844 guests and no members online