Dear Bakbek – i’m a Participant as you – i can help if i can see f.e. a testpage or a link.
If your website has to be secret for the public here, then you only have to wait for a mod.
For me it only works with the left: 50% rule – but i do not see your setup.

and by the way – try it without that plus sign between font name:
(you don’t need the italic fonts ?)

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:300,400,600,700,800&subset=latin-ext';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:300,400,600,700,800&subset=latin-ext';
return $fonts;
}

mobile devices will have on html the class: avia_mobile
so you can try this:

.avia_mobile #menu-item-search {
    display: none  !important;
}

• This reply was modified 7 years, 2 months ago by Guenni007.

i do not see the english version of firefox yet – just a moment:

try: alt cmd M – it is in Extras / Web Developer /

i wrote it in the topic above:

take the new code:

add_action('ava_main_header', function() {
if(wp_is_mobile()){
  echo '<div id="button-on-top">';
  echo do_shortcode("[av_button_big label='100% Donation Policy' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
}
});

and to have not the donate button on menu ( for those mobiles with bigger screen sizes as 768/990px : ipad, ipad2 etc on landscape view) put this in quick css:

.avia_mobile #menu-item-668 {
    display: none;
}

don’t forget the css in quick css:

#top #button-on-top  .avia-button-fullwidth {
    padding: 20px 0px;
}
#button-on-top .avia_iconbox_title {
    font-size: 20px !important;
}

and :

add_action('ava_main_header', function() {
if(wp_is_mobile()){
  echo '<div id="button-on-top">';
  echo do_shortcode("[av_button_big label='100% Donation Policy' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
}
});

you see the label= that is the text in the button
you see that in the code are custom_bg color and color_hover (hex-codes) so you can change yourself.

and if this fits for you – it makes no sense that you have on mobile this donate menu button:

.avia_mobile #menu-item-668 {
    display: none;
}

can you please insert this into functions.php of your child-theme:

add_action('ava_main_header', function() {
  echo '<div class="button-on-top">';
  echo do_shortcode("[av_button_big label='Donate' description_pos='below' link='manually,https://mydonate.bt.com/events/unite4humanity/461708' link_target='_blank' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#b02b2c' color_hover='custom' custom_bg_hover='#106736' custom_class='' admin_preview_bg=''][/av_button_big]");
  echo '</div>';
});

and this to quick css

#top .av-fullscreen-button .avia-button-fullwidth {
    border-radius: 0;
    padding: 30px 0px;
}

maybe this looks better even on desktop if it is on top

i recognized this as the nice demo was new : https://kriesi.at/themes/enfold-visual-artist/

the only thing to accomplish on this was for me to have background scrolls.
See here my workaround – it is a bit complex – yes but at least to see the pictures and not just the background color that was a workaround.
First ( i described it at that page – i thought i set it via jQuery to background-attachement scroll – but this way does not work.)

See the story here: https://kriesi.at/support/topic/playing-with-new-demos/#post-871865

and my visual artist settings here: https://webers-testseite.de/elegant/
by the way this was an experimental site with a lot of clip-path testings.

If you can life with a background image scroll effect – this will be the simple way to have images on ipad in the background
it is allway a trouble with fixed positioning

• This reply was modified 7 years, 2 months ago by Guenni007.

this rule comes from shortcodes.css – but if you want only influence f.e. iconboxes with top icon we have to be more specific:

.iconbox .iconbox_content .iconbox_content_title {
    text-transform: none !important;
}

otherwise f.e. if you like only to have that for icon on top:

.iconbox.iconbox_top .iconbox_content .iconbox_content_title {
    text-transform: none !important;
}

try first without important ( this should always be an exception) – but sometimes it is necessary

Postscriptum: are you chemistry ? is it a buckminsterfullerene?

sorry there was an orthographic error on my code above it is appendTo . ( double : pp )

so in Ismaels code it is in case of social media at the bottom of hamburger:

$(socialString).each(function() {
	$(this).appendTo('#av-burger-menu-ul');
});

and because in case of appending the sequence is 1,2,3,4 etc
the one css rule has then to be:

#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}

because that is the first to come after menu.
On top there is the first in the row the last of the social_icons ( in your case social_icon_4)

i do not have any polylang on my testing pages.
The head is on my opinion correct – the thing is that the page is redirected via 302
better would be to get rid of my code above and look into polylang settings if there is any chance to manage that.

i don’t know why polylang sets here a 302 redirect.

Edit: there must be a checkmark for: “Hide URL language information for default language”
than the x-default isn’t set – and i guess that should be the setting you have to choice .

ON may WPML i can set f.e. the root url is german – and the other languages are /en, /it etc.
In this case it makes sense that i have x-default.

so checkmark for: “Hide URL language information for default language” and look what happens in your testing page

i use WPML myself and the styling for each language is in my opinion a feature and not a bug.
the thing is that the whole enfold option page is per language.
So my advice is to make first all of the styling and then the content in different languages.

F.e if you put in the quick css of your page ( english Version) some entries – these entries aren’t automatically added to the other languages.
So if you like to have overall the same styling – and f.e. your are satisfied with the english version go and export on the englisch Enfold Options Page the theme-settings file.
Switch to the other languages and import that file for each language.

This is as i said for me a feature – because e.g. i can have a turkish and a german version of one site. the turkish prefer to have saturated colors on the other hand, germans like harmonious colors. ( please no generalization – but on the whole this might be true – see some turkish newspapers )
So the one could have high color contrast – the other not.
Same with font-family etc.

there must be additional settings concerning to your hover on hamburger menu in your page.

by the way if there is a prepend ( social_bookmarks on top) then the order is reversed.
Means on the left there is the last icon and on the right the first :

So my code above must be changed to the last ( it there are 3 icons ):

#av-burger-menu-ul li.social_icon_3 {
 padding-left: 40px
}

why the first menu point is on the same place i will have a look – but i guess it maybe only a clearing issue.
edit:

#av-burger-menu-ul .av-active-burger-items:not(.burger-social) {
    clear: left;
}

• This reply was modified 7 years, 2 months ago by Guenni007.

yes that is the line above from shortcodes.js and its calculation. it adds that css if window height is smaller than the sum of the other heights

do this in quick css:
and have a look:

#av-burger-menu-ul li.burger-social {
    float: left;
}

#av-burger-menu-ul li.burger-social a {
    padding: 10px !important;
    border-bottom: none !important;
}

#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}

but i think this looks better if you do not prependTo but apendTo
here:

…

$(socialString).each(function() {
				$(this).appendTo('#av-burger-menu-ul');
			});