Vertical tabs not responsive

More
2 years 3 months ago - 2 years 2 months ago #67341 by Chrysant
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.
Attachments:
Last edit: 2 years 2 months ago by Chrysant.

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

More
2 years 3 months ago #67371 by ced1870
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

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

More
2 years 3 months ago - 2 years 3 months ago #67420 by Chrysant
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)
Attachments:
Last edit: 2 years 3 months ago by Chrysant.

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

More
2 years 3 months ago #67422 by ced1870
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

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

More
2 years 2 months ago - 2 years 2 months ago #67426 by Chrysant
That´s it. Works great! Best Support!

Workaround could be an option for further versions ...
Last edit: 2 years 2 months ago by Chrysant.

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

Time to create page: 0.225 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 3341 guests and 8 members online