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
Milestone

Comments

@Nat-Faeeria
Copy link

@Nat-Faeeria Nat-Faeeria commented Jul 18, 2016

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
Contributor

@yehudah 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

@Nat-Faeeria Nat-Faeeria commented Jul 18, 2016

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
Contributor

@arielk 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

@Nat-Faeeria Nat-Faeeria commented Jul 19, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
4 participants