Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive problems with Tabs element #279

Closed
Nat-Faeeria opened this issue Jul 18, 2016 · 4 comments
Closed

Responsive problems with Tabs element #279

Nat-Faeeria opened this issue Jul 18, 2016 · 4 comments
Assignees
Labels
bug Indicates a bug with one or multiple components.
Milestone

Comments

@Nat-Faeeria
Copy link

On some displays, the tabs of the Tab element go to line if they don't have enough space to be displayed. But the design is not made with this in mind : the border breaks, and it doesn't look great.
capture du 2016-07-18 16 05 53

@arielk arielk self-assigned this Jul 18, 2016
@yehudah
Copy link

yehudah commented Jul 18, 2016

Please insert this code, and tell me if it's working
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {display: table-cell;}

@Nat-Faeeria
Copy link
Author

it is better but still not it (btw, I had to !important it, this rule already existed with a "display: inline-block")
capture du 2016-07-18 17 32 46

@arielk
Copy link
Member

arielk commented Jul 18, 2016

Please check the line-height of the tab title, it looks like what is causing your problem

@Nat-Faeeria
Copy link
Author

Yup, perfect ! I hadn't thought about it.
Thanks !

@KingYes KingYes added the bug Indicates a bug with one or multiple components. label Jul 25, 2016
@KingYes KingYes added this to the 0.6.0 milestone Jul 25, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Indicates a bug with one or multiple components.
Projects
None yet
Development

No branches or pull requests

4 participants