RTL bugs (Cosmetics Home)

[fixerCustomer]

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!

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Elise NoromitStaff]

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

[fixerCustomer]

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!

Private Content Hidden

[fixerCustomer]

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!

[Elise NoromitStaff]

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

[fixerCustomer]

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!

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Elise NoromitStaff]

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

[fixerCustomer]

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.

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Elise NoromitStaff]

Hello,

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

Best Regards

[fixerCustomer]

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

Private Content Hidden

[fixerCustomer]

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!

Private Content Hidden

[Elise NoromitStaff]

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

[fixerCustomer]

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.

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Elise NoromitStaff]

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

[fixerCustomer]

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.

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Elise NoromitStaff]

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

[fixerCustomer]

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.

Private Content Hidden

[Elise NoromitStaff]

Hello,

Please provide FTP access to the private area.

Best Regards

[fixerCustomer]

Hi Elise,

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

Thanks

Private Content Hidden

[Elise NoromitStaff]

Hello,

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

Best Regards

[fixerCustomer]

Hi Elise,

Thank you and the dev team for your efforts.

[Artem TemosStaff]

Hello,

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

Regards

[fixerCustomer]

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.

[Artem TemosStaff]

Hi,

Here is our current IP 176.98.73.223

Regards

[fixerCustomer]

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

Private Content Hidden

[Artem TemosStaff]

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

[Author]

Posts