RTL languages and Symbol Canvas Menu

SupportRTL languages and Symbol Canvas Menu
AvatarLesia Venzyk asked 11 months ago

LT _ ComUser
When a template is used with RTL languages (for example, with Arabic uniteg) at low screen resolutions (for example, on a smartphone), the Canvas Menu symbol is right aligned. Thereby superimposed on the logo.
On HD resolutions – everything is fine: the Canvas Menu symbol is left aligned.
Where to fix?

5 Answers
KelvinKelvin Staff answered 11 months ago

Can you send me your site URL to check?

AvatarLesia Venzyk replied 11 months ago

For example: https://test.cyb.center/ar/

And one more question.
Is it possible that when RTL offcanvas menu appears near the left edge of the screen?

KelvinKelvin Staff answered 11 months ago

Hi,
1/ Open file ‘default.css’, line 114
#sp-menu {
position: absolute!important;
right: 0;
top: 35px;
}

and replace to
#sp-menu {
position: absolute!important;
left: 0;
top: 35px;
}

2/ This change need a lot of change with custom work, so consider about it if it’s really useful for your case. Otherwise, you can order custom work for your issue at https://ltheme.com/custom-work/

AvatarLesia Venzyk answered 11 months ago

It’s OK. Thank’s.

KelvinKelvin Staff replied 11 months ago

You’re welcome!

AvatarLesia Venzyk replied 11 months ago

Excuse me.
Solving an RTL problem we create a problem in LTL.
At low screen resolutions for Arabic, the Canvas Menu symbol no longer overlaps the logo.
https://test.cyb.center/ar/

But with this solution, at low screen resolutions, the Canvas Menu symbol is superimposed on the logo with LTL
https://test.cyb.center/ru/
or
https://test.cyb.center/en/

KelvinKelvin Staff replied 11 months ago

Hi,

Please go to Template Settings, open tab “Custom Code” and add more CSS as below for Custom CSS code field

@media (max-width: 767px) {
#sp-menu {
position: relative!important;
top: 0;
margin-top: 30px;
}
}

Save and recheck.

AvatarLesia Venzyk answered 11 months ago

Thank. Everything works fine.
Tell me
if in file
../templates/lt_comuser/css/bootstrap-rtl.min.css
in section
@media (max-width: 767px)
add text
{# sp-menu {position: relative! important; top: 0; margin-top: 30px;}}
will it be correct?

AvatarLesia Venzyk answered 11 months ago

And, for sure, still not forget about it:
.sp-contact-info {
float: right!important;
}
Is that right?

KelvinKelvin Staff replied 11 months ago

Yes, thank you.

Get 30% OFF for Membership plan!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $279.30 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: REMOTEWORK

Join All-In-One Club with 30% OFF on today!

30-off-ltheme

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[Flash Sale] Get 25% OFF for your order on today with coupon code: FLASH25
Community Support! Get 30% OFF for your PRO & Membership packages! Code: REMOTEWORK Redeem Now