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

Comments

Projects
None yet
4 participants
@Nat-Faeeria
Copy link

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

This comment has been minimized.

Copy link
Contributor

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

This comment has been minimized.

Copy link
Author

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

This comment has been minimized.

Copy link
Contributor

commented Jul 18, 2016

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

@Nat-Faeeria

This comment has been minimized.

Copy link
Author

commented Jul 19, 2016

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

@KingYes KingYes added the bug 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
You can’t perform that action at this time.