Home › Forums › Basel – Premium Template › RTL bugs (Cosmetics Home)
- You must be logged in to create new topics. Login / Register
Tagged: fullscreen search, products category, RTL issue, search bar, Shop Page
This topic contains 25 replies, has 3 voices, and was last updated by Artem Temos 1 week, 4 days ago.
-
AuthorPosts
-
December 29, 2020 at 4:36 pm #254527
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 HiddenAttachments:
You must be logged in to view attached files.December 29, 2020 at 9:45 pm #254562Hello,
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 #254615Hi 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 HiddenDecember 30, 2020 at 8:28 am #254616I 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 #254931Hello,
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 #254952Hi 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 HiddenAttachments:
You must be logged in to view attached files.January 1, 2021 at 10:44 am #255032Hello,
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 #255034Hi,
Mozilla Firefox 84.0.1 (64-bit) on Windows 10.
Screen width: 1920pxThere 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 HiddenAttachments:
You must be logged in to view attached files.January 2, 2021 at 4:28 pm #255265Hello,
Please update the site access the credentials you have provided are not working anymore.
Best Regards
January 2, 2021 at 4:38 pm #255268Hi,
Updated credentails attached in the private content.
Thanks.Private Content HiddenJanuary 3, 2021 at 2:11 pm #255403Hi 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 HiddenJanuary 4, 2021 at 10:46 am #255553Hello,
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 #255631Hi,
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 HiddenAttachments:
You must be logged in to view attached files.January 5, 2021 at 8:40 am #255809Hello,
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 #255842Hi,
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 HiddenAttachments:
You must be logged in to view attached files.January 5, 2021 at 4:31 pm #255972Hello,
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:
We shall fix this in our nearest update.
Best Regards
January 5, 2021 at 5:56 pm #255981Hey,
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 HiddenJanuary 6, 2021 at 2:37 pm #256190Hello,
Please provide FTP access to the private area.
Best Regards
January 6, 2021 at 2:39 pm #256192Hi Elise,
Please provide your IP address so I can add it to the whitelist in the server’s firewall.
Thanks
Private Content HiddenJanuary 6, 2021 at 9:04 pm #256291Hello,
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 #256369Hi Elise,
Thank you and the dev team for your efforts.
January 11, 2021 at 9:54 am #257321Hello,
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 #257453Hi 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 #257455Hi,
Here is our current IP
176.98.73.223
Regards
January 11, 2021 at 3:44 pm #257460Hi,
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 HiddenJanuary 11, 2021 at 4:08 pm #257463Try to edit the file
js/functions.js
and replace the following lineoffset += $('.topbar-wrapp').outerHeight();
to
offset += $('.topbar-wrapp').length > 0 ? $('.topbar-wrapp').outerHeight() : 0;
Regards
-
AuthorPosts
You must be logged in to reply to this topic.
- You must be logged in to create new topics. Login / Register