Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2020 at 2:26 am #1257826
    e.wjumaa

    Hi there,
    Hope all is well.

    I appreciate your help with the matters I’m facing while I’m building the rtl version of my website using Polylang plugin on Enfold.

    1- After I added a CSS code to reverse the header to be rtl, the shopping cart is still covering the logo on the right side on all devices.
    2- I would like to replace the top bar’s content to be on the left side instead of being on the right side upper to the logo.
    3- I’ve Made some changes to the footer content through a CSS code and I want to reverse the direction of it as well only when it’s rtl.
    4- I would like to move the separator between the top bar’s elements to don’t be sticking to the second element as you see on the page.
    5- I would like to add a new external font to the theme while I can’t find the custom font manager option in the import/export.
    6- Recently when I download Enfold I don’t find the child theme file, so I did all the changes on the main theme which won’t allow me to make a major changes to the theme.
    7- I would like to know why sometimes when I upload an external font to the theme it works only on my device and it doesn’t work on any other devices and reverts to the default theme font on these devices.

    Kindly find the screenshots attached to the ticket and the temp. admin credentials I’ve added to the private section.
    snipboard.io/yiNjq5.jpg
    snipboard.io/X1dqTb.jpg
    snipboard.io/Pljys0.jpg
    snipboard.io/Pljys0.jpg

    Thanks very much team for your help and I appreciate your effort.

    November 6, 2020 at 1:07 pm #1258852
    Yigit

    Salaam!

    Thanks for contacting us and sorry for the late reply!

    Please add following code to Quick CSS in Enfold theme options > General Styling

    /* 1- Move shopping cart to left on RTL */ 
.html_visible_cart .rtl .cart_dropdown {
    left: 0;
    right: auto;
}

/* 2- Move top menu to left on RTL */ 
.rtl .av_secondary_right .sub_menu {
    float: left;
}

/* 3- Change order of footer on RTL */
.rtl #footer .container {
    display: flex;
}

/* 4- To delete border between menu items in top bar */ 
.sub_menu li { border: none; }

    5- Please refer to this post – https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

    6- You can download Enfold child theme here – https://kriesi.at/documentation/enfold/child-theme/.

    7- Could you please show us an example?

    Best regards,
    Yigit

    November 7, 2020 at 3:45 am #1258967
    e.wjumaa

    Dear Yigit,

    Thanks very much for your reply.

    2nd, 3rd, 4th and 6th are done, awesome.

    — But for the 1st, actually when I’ve added the CSS it destroyed all the header unfortunately, kindly take a look on the code I’ve added with the code I was already putting to reverse the header direction and take a look on the screenshot I attached as well.

    snipboard.io/OFHlic.jpg

    /*rtl Header*/
    .rtl .logo {
    left: auto;
    right: 0;
    }
    .rtl nav.main_menu {
    right: auto;
       left: 0;
    }

    /*Move shopping cart to left on RTL */
    .html_visible_cart .rtl .cart_dropdown {
    left: 0;
    right: auto;
    }

    As well as on the mobile view it still shows the shopping cart on the logo.

    — And for the uploading an external custom font, as per the screenshot attached you can’t even find the custom font manager option in the Enfold theme options > import/export. Kindly take a look on it and I appreciate your support to find the solution and fix that.

    snipboard.io/SvwBqa.jpg

    Regards,

    November 9, 2020 at 1:51 pm #1259255
    Yigit

    Hi,

    1- There was CSS error causing the issue. I fixed it and then went to Enfold theme options > Header > Header Behaviour and unchecked “Let logo and menu position adapt to browser window” so cart does not overlap menu items. However, content of the cart is not displayed, probably because you are using a very old version of the theme.

    2- I added following code to bottom of Custom CSS field

    @media only screen and (max-width: 767px){
responsive #top .cart_dropdown {
    right: auto;
    left: 20.5%;
}}

    3- That is because you are using old version :) Please refer to this post – https://kriesi.at/documentation/enfold/theme-update/ and update Enfold to the latest version 4.7.6.4 and then refer to this post – https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token and insert Personal Token in Enfold theme options to receive auto updates.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.