Vertical tabs not responsive
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.
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:9 months 3 weeks ago
by Chrysant
Last edit: 9 months 3 weeks ago by Chrysant.
Please Log in or Create an account to join the conversation.
Hi
Please try to add this custom css to your page for the needed resolution
CEd
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.
Hello CEd,
thanks, this is a step in the right direction.
I noticed that there is an inline style
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)
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:9 months 3 weeks ago
by Chrysant
Last edit: 9 months 3 weeks ago by Chrysant.
Please Log in or Create an account to join the conversation.
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.
That´s it. Works great! Best Support!
Workaround could be an option for further versions ...
Workaround could be an option for further versions ...
Last Edit:9 months 3 weeks ago
by Chrysant
Last edit: 9 months 3 weeks ago by Chrysant.
Please Log in or Create an account to join the conversation.
Time to create page: 0.846 seconds