LT-DIGIX. Layout error for CSS class LT-TAB

SupportLT-DIGIX. Layout error for CSS class LT-TAB
Lesia Venzyk asked 2 years ago

On devices with low screen resolution CSS Class LT-TAB has layout errors.
For example, on iPhone 6/7/8/x/xS and more CSS Class LT-TAB looks like that:

 
Tabs overlap one another. The right border is not symmetrical with the left and goes beyond the page margin.
 
Even with short tab names, there is an asymmetry of the tab icon and tab name. For example:

Please, come up with something )
 
Thank in advance

4 Answers
Kelvin Staff answered 2 years ago

Do you check this issue on our demo or on your website? If on your website, please send me URL.

Lesia Venzyk answered 2 years ago

We have created a test site for this problem. I sent you the URL, username and password in a private message.

Kelvin Staff replied 2 years ago

Solved your issue, can you recheck?

Lesia Venzyk replied 2 years ago

Thanks. This problem fixed.
Tell me, in what file were the edits? On until it is all in the working distribution to transfer.

Kelvin Staff replied 2 years ago

Just add code on Custom CSS code field via Template Settings, you can see it.

Lesia Venzyk answered 2 years ago

Please, send code in text file. Custom CSS code field at Template Settings dont show code. May be its Helix Ultimate problem.
 

Kelvin Staff replied 2 years ago

Please clear cache browser cache and recheck. This custom CSS must be worked.

Lesia Venzyk answered 2 years ago

Probably something else needs to be fixed.
Please take a look:

Kelvin Staff replied 2 years ago

Do you mean it’s Logo or Three columns?

Lesia Venzyk replied 2 years ago

I’m meaning about custom CSS code. Where can this code be seen? Сode on Custom CSS code field via Template Settings – is empty

Kelvin Staff replied 2 years ago

1/ For tab content, it’s from https://take.ms/sEjfW
2/ For Custom Animation for this effect if you want to know, it’s two Custom Code above this Tab block, see my screenshot https://take.ms/YaA6o

Hottest Summer Sale! Get 50% OFF 30% Off On All Purchases on Today. Coupon code: SUMMER2021 Check it out!
Hottest Summer Sale! Get 50% Off On All Purchases on Today. Coupon code: SUMMER2021 Check it out!