Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • November 30, 2016 at 12:16 am #718584
    khosro

    Hello

    I designed a multilingual website with ENFOLD theme.
    Every thing works fine (and thanks for this and such a nice theme) except RTL language (Farsi : FA)
    Here are my problems:
    #1.
    I set the menu and logo to sidebar with these settings:
    Left sidebar is for LTR languages (EN & FR) and with right content alignment, + always sticky option
    And right sidebar is for RTL language (FA) and with leftcontent alignment, ** but it doesn’t have any sticky option appears with these setting in FA theme setting. But I reality need it to be active.

    #2.
    In the RTL menu: ( link is provided in private section )
    – latest menu ( ارتباط با ما ) doesn’t show in the same line as other menus (right alignment problem)
    -level one sub menu isn’t located correctly and it shows above a main menu level 0 items. (horizotaly alignment problem)
    -level two sub menus aren’t located in the same line as their previous menu ( they are always located in maximum upper corner, instead of locating in the same line as their original location)

    I did some CSS modifications for this section and here are all of my modification (some of them are for other things like loading picture):

    #top .main_menu .menu li{
float: none;
text-align: right;
}

.main_menu .menu ul
{
right:1;
}
/*
.html_header_sidebar #top .av-main-nav ul a
{
margin: 0 120px 0px 0px;
}
*/

.iconbox_content_container, .iconbox_content_container ,p{ text-align: justify; }

.av-siteloader, .av-siteloader:after{
width: 90px;
height: 90px;
}

.av-preloading-logo{
margin-bottom: -85px;
}

.html_header_sidebar #header .av-main-nav{
padding:0px;
}

.html_header_sidebar #top .avia_wpml_language_switch{
padding: 4px 0 0 110px;
}

.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color  span, .header_color  applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a
{margin:-4px 0px -4px 0px;}

.html_header_sidebar #header .av-main-nav
{margin:4px 0px ;}

    Please tell what need I do to solve those problems ?

    Kind regards

    • This topic was modified 7 years, 12 months ago by Vinay. Reason: Moved the code inside the code snippet
    December 5, 2016 at 6:20 am #720312
    Vinay

    Hey khosro,

    1. To make the header sticky please use the below css in Quick CSS section in Enfold > General Styling

    .html_header_right #top #header {
    right: 0;
    position: fixed;
}

    2. To align the submenu please use the below code.

    .av_header_right .main_menu .menu ul {
    right: 100%!important;
}

    Best regards,
    Vinay

    December 9, 2016 at 9:47 pm #722622
    khosro

    Hello

    Thank you Vinay

    Some problems are gone and some still remained.
    I attached a picture to show them clearly in private content.
    1. gap in the last menu item of main menu parent.
    2. the third child menu doesn’t locateed correctly, in locates in upper corner instead of behind it’s parent.

    Kind regards

    December 9, 2016 at 9:48 pm #722623
    khosro

    I’m just reattach a link! related to my last post.
    Thank you!

    December 13, 2016 at 9:40 am #723618
    khosro

    Hello

    Thank you Vinay
    But I have to repeat my last reply because nobody answer me!

    Some problems are gone and some still remained.
    I attached a picture to show them clearly in private content.
    1. gap in the last menu item of main menu parent.
    2. the third child menu doesn’t locateed correctly, in locates in upper corner instead of behind it’s parent.

    is it clear? If not just told me to know and explain more.

    Kind Regards

    December 13, 2016 at 12:37 pm #723680
    Andy

    Hi,

    I don’t fully get what you’re trying to show us in your picture. Moreover I can’t open your website in farsi (s. private link). I just get blank page.

    So for
    1.) we need a link which works and shows the elements in question
    and
    2.) a mockup showing exactly the results you want to achieve (instead of showing the problem).

    Best regards,
    Andy

    December 13, 2016 at 1:32 pm #723701
    khosro

    Hello Andy

    Thanks for fast response.

    A link works for me correctly, but please refresh it one of two times! I resend it for you.

    here is a current situation:
    current-wrong

    Here is a corrected situation, and I want this :
    must be like this

    Kind Regards

    December 13, 2016 at 5:24 pm #723843
    Andy

    Hi,

    1.) Somehow you’re using this code:

    #top .main_menu .menu > li:last-child > a {
padding-right: 13px !important;
}

    Remove it or at least add this code to overwrite it:

    #top .main_menu .menu > li:last-child > a {
padding-right: 0px !important;
}

    2.) Try this code:

    .html_header_right #top .av-main-nav ul ul {
top: 155px;
}

    and adjust if needed.

    Best regards,
    Andy

    December 14, 2016 at 7:21 pm #724458
    khosro

    Hello kriesi team
    and thank you Andy.

    I remove this:

    #top .main_menu .menu > li:last-child > a {
    padding-right: 13px !important;
    }
    and it is in rtl.css of the theme, not mine.

    also I added this:

    #top .main_menu .menu > li:last-child > a {
    padding-right: 0px !important;
    }

    and about this one, you know this is not a global solution, it corrects that specific menu but disturb others! so I test it but only test it :)

    .html_header_right #top .av-main-nav ul ul {
    top: 155px;
    }

    and the problem is still here, as I said in my previous ticket.
    I is correct in LTR languages as you can see in my site, but only in RTL language it is wrong.
    Please help more about this issue.

    Kind Regards

    December 16, 2016 at 11:40 am #725245
    Andy

    Hi,

    so is 1.) solved for now? and only 2.) still makes problems? not sure to which points you’re referring to exactly. However, you could use my code from 2.) inside your rtl.css, so it will work on your rtl pages only.

    Best regards,
    Andy

    December 17, 2016 at 2:05 pm #725691
    khosro

    Hello

    I said, I did every thing you said in ticket #723843 and the problem not solved yet.
    You can see the RTL part of website by URL. And Also I provide related images in ticket #723701, The above picture is for current situation and it has a problem in showing a third level of a child menu, The second image shows how it must be.
    The problem accured in all third level of menus.

    And you can test it by your own, in your localhost by “sidebar menu”, and a third level menu in any RTL language if my information not enough for you.

    Kind Regards

    December 19, 2016 at 2:48 pm #726023
    Andy

    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,
    Andy

    December 23, 2016 at 9:13 pm #728042
    khosro

    Hello

    First of all:

    “May your life be filled with joy and happiness and may each new day bring you moments to cherish.”
    Merry Christmas to you and All of the team.

    And,
    Information added in private.

    Kind regards

    December 24, 2016 at 11:11 am #728113
    Andy

    Hi,

    inside your persian Quick CSS field I’ve added this code (which I already provided to you before):

    /* KRIESI CUSTOM CODE */
.html_header_right #top .av-main-nav ul ul {
top: 155px;
}

    and now it seems to work fine for me: http://imgur.com/a/yeyzr

    Can you confirm please?

    Best regards,
    Andy

    January 18, 2017 at 8:12 pm #735508
    khosro

    Hello Andy

    Hope everything is going well.

    Yes, thanks for that. But I told you before this method fix a menu and disturb anothers, because in this method you set a margin for all of level 3 of child menus not only in that specific menu! so All of them became top:155px, but it not works for all situations.
    If you see all of Persian menus carefully, you can find the new problem !

    Please help to solve this problem …..

    Regards

    January 20, 2017 at 10:48 am #736337
    Andy

    Hi,

    ok, so instead use this one to call this specific menu item only:

    .html_header_right #top .av-main-nav #menu-item-2198 ul ul {
top: 155px;
}

    Best regards,
    Andy

    January 21, 2017 at 10:45 am #736744
    khosro

    Hello

    Yes Andy! At least it works. Thank you for your support.
    Also I have to add this code for another menu based of your suggestion:

    .html_header_right #top .av-main-nav #menu-item-2185 ul ul {
    top: 40px;
    }

    But Andy, is there any general solution for this kind of problem ? If I had 20 child menus with this kind of problem should I have to find a menu item number for each one and then correct the CSS for each of them ?!

    I want you and the dear support team to solve the problem from it’s root! Please. I mean RTL languages work like LTR languages in this kind of problem in later Enfold updates.

    Kind regards.
    Francois.

    January 26, 2017 at 7:17 am #738751
    Ismael

    Hi,

    If I had 20 child menus with this kind of problem should I have to find a menu item number for each one

    That is the ID of the top level menu items and I doubt that you will have more than 20 of such items in the menu. Still, this is an obvious issue in the theme so we will try to find an absolute solution for it.

    Best regards,
    Ismael

    January 26, 2017 at 7:23 pm #739097
    khosro

    Hello Ismael and the Team!

    Thank you for your support.

    Kind regards

    January 31, 2017 at 4:06 am #740464
    Ismael

    Hi!

    If you have the time, please remove the css modification that we provided then try this code in the functions.php file.

    // rtl submenu fix
function ava_custom_script_rtl_submenu() {
?>
	<script type="text/javascript">
	(function($) {
		function a() {
			$('.html_header_right .rtl .av-main-nav li').on('mouseover', function(e) {
				var lheight = 0,
					second = $(this).find('ul'),
					third  = second.find('ul');

					$(second).find('> li > a').each(function() {
					   lheight += $(this).height();
					});

					third.css('top', lheight);
			});
		}

		a();
	})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_rtl_submenu');

    Remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    March 24, 2017 at 7:15 pm #766358
    blueunion

    I have a very similar problem, but items are not listing after each other !

    help please

    March 25, 2017 at 4:03 am #766444
    Nikko

    Hi,

    Can you post a link to your site? so we can have a look.

    Best regards,
    Nikko

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