RTL bugs (Cosmetics Home)

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.

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

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!

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!

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

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.

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

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.

Hello,

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

Best Regards

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

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!

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

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.

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

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.

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

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.

Hello,

Please provide FTP access to the private area.

Best Regards

Hi Elise,

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

Thanks

Hello,

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

Best Regards

Hi Elise,

Thank you and the dev team for your efforts.

Hello,

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

Regards

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.

Hi,

Here is our current IP 176.98.73.223

Regards

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

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

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.

Hello,

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

Kind Regards

Hey,

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

Thanks a lot for your help!

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

[Author]

Posts