Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 29, 2017 at 5:52 pm #814610
    afarahani

    Hi,
    The Enfold mobile menu seems very flat on my RTL site. It is worth mentioning that after 3 years of using Enfold, I still need to add CSS to make some elements RTL such as below to make the small triangle RTL. I appreciate if you add this to the core CSS for RTL.

    #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    left: auto;
    right: 0;
    margin-right: 10px;
    transform: rotate(180deg);
    }

    Also I need my menu items to have identation e.g. the sub menu goes to the right and not be in line with first row.
    Menu1
    Sub Menu 1
    Sub Menu 3

    Also I want to change the color or font size as there is no item for styling in advanced Styling tab of Enfold theme for mobile menu.

    Please kindly let me know the CSS code that does these for me.

    thanks.

    June 29, 2017 at 6:09 pm #814620
    afarahani

    Here is another code that has been kept missing for RTL websites to move the toggle menu to the left.

    @media only screen and (max-width: 767px) {
    .rtl a#advanced_menu_toggle {
    left: 10px!important;
    }}

    July 3, 2017 at 7:51 pm #816038
    Basilis

    Hi,

    Kriesi has worked on a new version for the menu and the mobile menu.
    Many thing will change on the next days, so we really appreciate if you could do a little bit of patience, till we do manage to release those.

    Thank you

    Best regards,
    Basilis

    July 16, 2017 at 9:36 pm #822179
    afarahani

    Hi,
    Ok. The new mobile menu is out but there are some issues with the position of the menu in RTL webstie. Please see below and let me know how I can move the menu and search icon to the left. also the content of the menu is left to tight but should be right to left. my facefont CSS also is not applied to the menu items. I appreciate if you resolve these.

    Thanks.

    July 16, 2017 at 10:38 pm #822197
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child {float: left!important; }
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {padding: 0px!important; }

    Best regards,
    Mike

    July 17, 2017 at 3:35 am #822272
    afarahani

    thanks it worked.
    1- Can you let me know how I can apply font face to all mobile menu and sub menu items? I found the folllowing code:

    .main_menu ul:first-child > li > a {fontfamily: XXX; }

    but it only helps with the first level of the menu.

    2- Also the list character > that appears in the menu levels must be like < as it is RTL.

    Thanks.

    July 17, 2017 at 10:38 pm #822974
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    July 18, 2017 at 1:42 am #823047
    afarahani

    Here you go!

    July 21, 2017 at 7:13 am #825005
    Ismael

    Hi,

    Please use the following css declaration for the sub menus.

    #top .main_menu .menu li ul a {
    /* style here */
}

    Best regards,
    Ismael

    July 21, 2017 at 7:49 am #825017
    afarahani

    Ismael,
    Your code didn’t work. The following worked for the first level:
    .main_menu ul:first-child> li > a {
    font-family: ‘BBCNassim’ !important;
    }
    what is the code for the second and third level?

    Is it possible to apply a single code for all the texts in the website to get a @facefont style?

    July 23, 2017 at 2:09 am #828538
    Ismael

    Hi,

    Please try the following css code.

    #top .main_menu .menu li ul a {
    font-family: 'BBCNassim' !important;
}

    Best regards,
    Ismael

    July 24, 2017 at 10:36 am #828943
    afarahani

    Hi Ismael,
    The code doesn’t work. The mobile menu still doesn’t use the facefont for the second level.

    Thanks,.

    July 26, 2017 at 5:01 am #829920
    Ismael

    Hi,

    How did you apply the font and where did you get it? I disabled the css modification for the first level menu item and it didn’t changed anything.

    .main_menu ul > li > a {
    /* font-family: 'BBCNassim' !important; */
}

    Best regards,
    Ismael

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