RTL bugs (Cosmetics Home)

This topic has 29 replies, 3 voices, and was last updated 3 years, 10 months ago by Artem Temos.

Viewing 30 posts - 1 through 30 (of 30 total)

Author

Posts
December 29, 2020 at 4:36 pm #254527

fixer
Participant

Hi 🙂

I’ve installed and configured the theme with the Cosmetics Home.
I absolutely love and enjoy using it!

Other than aligning the logo to the right on small screens and changing the font of the search bar, I haven’t used any other Custom CSS.

All my work was made via the Theme Settings, and I’m using only the child theme of course.
That being said, I have seen 2 bugs, one is minor and one is major:

1-RTL issue
Attribute labels in the filters area are cut on Chrome/Edge from the right, and on Firefox from the left. Screenshots attached.

2-Fullscreen search bar isn’t working
Even though there are results, something with the CSS doesn’t display the fullscreen.
I’ve attached a video.

Can you please assist?
Your help would be much appreciated.

Thanks!

Attachments:
You must be logged in to view attached files.

December 29, 2020 at 9:45 pm #254562

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

if the problem remains, even after the plugins deactivated, please provide your site admin access to the private area.

Best Regards

December 30, 2020 at 8:23 am #254615

fixer
Participant

Hi Elise,

I did as you requested:
disabled all the plugins that didn’t come with the theme, and switched to the parent theme.
The issue still occurs. It only happens in big screens, as there’s no full screen search bar feature in small displays.

I’d love to learn what changes you’ve made, if this happens in the future after a theme update.
Thanks a lot!

December 30, 2020 at 8:28 am #254616

fixer
Participant

I forgot to attach a link to the page for testing purposes, where you can see the text is cut on the filter sidebar, and also check the full screen search bar feature.

Thanks!

December 31, 2020 at 3:55 pm #254931
Elise Noromit
Member
Hello,

Sorry for the delay. We are studying the issue and will solve it. Meanwhile please add this CSS to the theme Settings > Custom CSS:
```
body .basel-scroll-content{
padding-right:20px;
}
```
As for the search, please contact your host support and ask them to increase this parameter PHP max input vars up to 5000 min, now your value is 1000.

Best Regards
December 31, 2020 at 6:22 pm #254952

fixer
Participant

Hi Elise,

I’ve changed the PHP max input vars to 5000.

Also, the CSS code solved the right side.
The left side is still cut when there are 3 items or less. That happens in Firefox.
In Chrome, the items doesn’t start on the same vertical line, if I compare a list with a scroll bar to a list with 3 items or less. That happens in Chrome.

The is the page I’m looking at.
Screenshots attached.

Thanks again!

Attachments:
You must be logged in to view attached files.

January 1, 2021 at 10:44 am #255032

Elise Noromit
Member

Hello,

I cannot catch the problem on the left, please clarify, https://gyazo.com/be35c09b09d2a6f82c56c1d75815b8d6

What device and what width do you use?

Best Regards

January 1, 2021 at 10:57 am #255034

fixer
Participant

Hi,

Mozilla Firefox 84.0.1 (64-bit) on Windows 10.
Screen width: 1920px

There are missing brackets on the left.
See attached image. I’ve marked it with an arrow.
It’s like cut, compared to the list below (Aftershave, Barbiere, Body Lotion etc.).

Thanks.

Attachments:
You must be logged in to view attached files.

January 2, 2021 at 4:28 pm #255265

Elise Noromit
Member

Hello,

Please update the site access the credentials you have provided are not working anymore.

Best Regards

January 2, 2021 at 4:38 pm #255268

fixer
Participant

Hi,
Updated credentails attached in the private content.
Thanks.

January 3, 2021 at 2:11 pm #255403

fixer
Participant

Hi Elise,

I cloned the development environment to a different sub-domain, as we need to make changes in order to go live this weekend.

Login credentials for the WP Admin remain the same.
I’ve checked them and they work. Feel free to make any changes.
I can also give you FTP/phpMyAdmin access if that’ll help.

Thanks!

January 4, 2021 at 10:46 am #255553
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.widget-area .basel-scroll-content {
	left: 0 !important;
}
.widget-area .basel-scroll-content .wc-layered-nav-term  {
	padding-left: 0 !important;
}
```
Best Regards
January 4, 2021 at 3:19 pm #255631

fixer
Participant

Hi,

This solved the bug in Chrome, although the the left side is still has too much margin inside on Mozilla Firefox.
Screenshot attached.

Also, what about the bug with the full screen search?

Thanks.

Attachments:
You must be logged in to view attached files.

January 5, 2021 at 8:40 am #255809
Elise Noromit
Member
Hello,

Please replace the all code provided before with this one:
```
.browser-Chrome .widget-area .basel-scroll-content {
	left: 0 !important;
}
.browser-Chrome .widget-area .basel-scroll-content .wc-layered-nav-term  {
	padding-left: 0 !important;
}
.browser-Firefox .widget-area .basel-scroll .basel-scroll-content {
	overflow-y: scroll;
}
```
Please provide your FTP account so that we could check full-screen search.

Best Regards
January 5, 2021 at 10:26 am #255842

fixer
Participant

Hi,

Thanks.
This solved the Firefox issue, but in Chrome, the numbers are not on the same position:
You can see in the screenshot attached that the upper grey counters are aligned to the left, while those below them have some extra margin/padding left. I think it has something to do with the scrollbar.

I just want them to start in the same column.

Attachments:
You must be logged in to view attached files.

January 5, 2021 at 4:31 pm #255972

Elise Noromit
Member

Hello,

Please find the file basel\js\functions.js

Then find this line:

var bar = $('#wpadminbar').outerHeight();

Replace this with this line:

var bar = $('#wpadminbar').length > 0 ? $('#wpadminbar').outerHeight() : 0;

Then disable these options:

https://prnt.sc/wgky86

We shall fix this in our nearest update.

Best Regards

January 5, 2021 at 5:56 pm #255981

fixer
Participant

Hey,
Thanks!

I updated the functions.js file and disabled the aforementioned buttons.
This works after I scroll a bit, but if the page is not scrolled, it still opens only at the bottom.

I attached a video to demonstrate.

January 6, 2021 at 2:37 pm #256190

Elise Noromit
Member

Hello,

Please provide FTP access to the private area.

Best Regards

January 6, 2021 at 2:39 pm #256192

fixer
Participant

Hi Elise,

Please provide your IP address so I can add it to the whitelist in the server’s firewall.

Thanks

January 6, 2021 at 9:04 pm #256291

Elise Noromit
Member

Hello,

This issue would be solved by our dev team. I will be able to provide on Monday.

Best Regards

January 7, 2021 at 8:32 am #256369

fixer
Participant

Hi Elise,

Thank you and the dev team for your efforts.

January 11, 2021 at 9:54 am #257321

Artem Temos
Keymaster

Hello,

We are not able to connect your server with the password you provided. https://prnt.sc/wkuzs0

Regards

January 11, 2021 at 3:40 pm #257453

fixer
Participant

Hi Artem,

I wrote to Elise that my server is protected by a whitelist of IP addresses.
Please send me your IP address so I can add it to the firewall.

Thanks.

January 11, 2021 at 3:41 pm #257455

Artem Temos
Keymaster

Hi,

Here is our current IP 176.98.73.223

Regards

January 11, 2021 at 3:44 pm #257460

fixer
Participant

Hi,

I created a new FTP account for you and added your IP address to the firewall.
Details are in the private content.
Let me know if everything’s okay.

Thanks

January 11, 2021 at 4:08 pm #257463

Artem Temos
Keymaster

Try to edit the file js/functions.js and replace the following line

offset += $('.topbar-wrapp').outerHeight();

to

offset += $('.topbar-wrapp').length > 0 ? $('.topbar-wrapp').outerHeight() : 0;

Regards

January 24, 2021 at 11:26 am #261043

fixer
Participant

Hi,

Sorry for the late response.
This fixes the bug.
Thanks!

I’ve found another bug, only in iPad landscape display:
When you click on the search button in the header, it opens both the search box and the side menu.

It’s not critical, but it’s worth fixing in the next version imo.

I attached a link to a video in the private area.
Thanks again.

January 25, 2021 at 9:33 am #261184

Artem Temos
Keymaster

Hello,

It is a bug in our theme and we will fix this in our next theme update. Sorry for the inconvenience.

Kind Regards

January 25, 2021 at 9:51 am #261192

fixer
Participant

Hey,

I have another question regarding the AJAX search engine, so I’ll open a new topic.

Thanks a lot for your help!

January 26, 2021 at 7:14 am #261391

Artem Temos
Keymaster

Sure, feel free to contact us if you have any questions.
Author

Posts