Home Forums Basel – Premium Template RTL bugs (Cosmetics Home)

This topic contains 25 replies, has 3 voices, and was last updated by Artem Temos Artem Temos 1 week, 4 days ago.

Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #254527

    fixer
    Customer

    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.
    #254562

    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

    #254615

    fixer
    Customer

    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
    #254616

    fixer
    Customer

    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!

    #254931

    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

    #254952

    fixer
    Customer

    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.
    #255032

    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

    #255034

    fixer
    Customer

    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.
    #255265

    Hello,

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

    Best Regards

    #255268

    fixer
    Customer

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

    Private Content Hidden
    #255403

    fixer
    Customer

    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
    #255553

    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

    #255631

    fixer
    Customer

    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.
    #255809

    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

    #255842

    fixer
    Customer

    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.
    #255972

    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

    #255981

    fixer
    Customer

    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
    #256190

    Hello,

    Please provide FTP access to the private area.

    Best Regards

    #256192

    fixer
    Customer

    Hi Elise,

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

    Thanks

    Private Content Hidden
    #256291

    Hello,

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

    Best Regards

    #256369

    fixer
    Customer

    Hi Elise,

    Thank you and the dev team for your efforts.

    #257321

    Hello,

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

    Regards

    #257453

    fixer
    Customer

    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.

    #257455

    Hi,

    Here is our current IP 176.98.73.223

    Regards

    #257460

    fixer
    Customer

    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
    #257463

    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

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

You must be logged in to reply to this topic.