theme option "Header Mobile Menu activation"

so after all the talking. to make ith short.

the main problem is the lag of the mobile menu position.
i want it on the right side but without lag (it first apear on the left and making lagy jump to the right}

this is the CSS i used from @Vinay

/* Show mobile menu */
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }

/* switch logo and menu position */
.container #advanced_menu_toggle, #advanced_menu_hide {
position: absolute;
right: 0;
}
.responsive .logo img {
float: left;
}
.responsive #top .logo {
width: 100%!important;
}

.show_mobile_menu #advanced_menu_hide {
margin-right: 25px;
}
}

how can i avoid the lag.
by the way the area of quick CSS not saving stuf that i put inside.
this code is on my rtl.css

please see this video. showing that the enfold demo not having lag.
the menu is not jumping,

but this is LTR website.
looks like the bug is on RTL websites. the theme option doesnt affect mobile phones.

so how can i get rid of this lag and having the menu on the right side without the lag?

update..
tried to delete the css with conflict from the rtl.css of Enfold theme itself.
it stoped jumping from the left to the right but had small jump from the right corner.

any way this shows that even if i will put it before the actual theme rtl.css it wont be 100% fix.

what do you recommend to do?
i never mess with the theme itself. only working on the child theme to avoid change of design when the theme is geting update.

what do you recommend to do?

this are the credentials:

Hi @Ismael

first of all
you have to know that i Really love Enfold and purchased it many times since i discovered it.
also my colleges are using it many times because of my enthusiasm and recommendation.
i realy love to recommend on enfold. thinking you have winning formula of Good product + exellent service.

if you will really pay attention you will se that there is a bug in the theme setting.
the setting “Logo left, Menu right” (see image) is working only on desktop version when it comes to RTL website.
it is not affecting mobile version. this is bug.

in your demo this setting is working fine. i asume it because its LTR site and not RTL.
and bealive the bug is only on RTL version.

this is the reply to your answer.

1. The lag is really nasty. its making the menu come on top of the logo and only after a while it jumps to the right as we want it.
from the begining it showed only at the left. the CSS fix you gave here is the only reason its trying to go to the right. and going there at the end.
the settings of the theme is broken any how for mobile.

2. the other site is not relevant because i did not put there any CSS fix.
it is only shows the bug of the theme settings that the logo and menu not order as we asked in the theme settings.

please understand that i can dig in the theme itself but my work will be ruin in the next update.
this is why your action is needed.

Thanks

Hi

1.
– i did tried to move the CSS from child theme to Quick CSS it didnt made any change.

– i opened an empty page. and checked his load time with pingdom.
the load time was 4 sec and the grade is 90!! out of 100. so the speed is realy good.
but….. the mobile menu still jumps.

cache plugin is not an option because im making sites that need to recieve utm variables from campaigns and change the content inside.
so cache plugin kills the dinamic changes. so this is not an option.

im sure if you will fix the function of the theme settings “Logo left, Menu right” to actualy work on RTL websites then it will be the answer to all problems.

this option work well in LTR site – look at your demo. when loaded in mobile the places are as requested.
but in RTL you have A bug and CSS fix not working there.

i need you to undersand this because this is the bug.
i realy want to be able to the option “Logo left, Menu right” and rally get it and not only on desktop.

trying to understand if you agree with me and really understand the bug.

this thing is really not tollarable. i cant stay with jumping menu. it LTR version you dont have this bug.
if i will have to fix the parent theme it to make this option work by myself. i will not be able to update the theme.

usualy i see you guys giving CSS or changes to function with function php that actualy work.
realy hope you can give reply that will solve the issue as you always do.

i can not give up and having the menu and logo order different then i asked on the theme settings.
and defenetly can not have the lag.

how can you help resolving this issue?

cnat keep your user in the live site.
will it help if i will open test site with RTL wordpress + Enfold (with child theme)?

want to help solving this issue with menu settings.

the new website can be clean without other plugins just clean install with Enfold.

Then you will be able to see why theme settings are not working on mobile view with RTL website.

please see your LTR version here: http://kriesi.at/themes/enfold-landing-page/

There is no bug with the Theme settings of “Logo left, Menu right”

no jumping no lag.

can you understand the bug in RTL version
***************************************************************************************************
!!! the “Logo left, Menu right” doesnt work on RTL website when viewing on mobile !!
this is al in 1 sentence. please try to meet me in understanding this point.
****************************************************************************************************