you see on your frontend that line?

–
this is a separator – you can easily overlook this, because it is only a thin grey line in the layout.
–

hover on your advanced layout a gray line then you will see that this is an extra element.
–

If this separator is not placed in the color-section but between two elements ( like two color-sections) there will be an extra container for it:
after_section_x
and as a normal container it will have that padding-top/padding-bottom of 50px.
To avoid this extra container for the separator you can put it in the color-section.

first: because of the search-results list – it might be better to have the vertical-align on top!

#top #av-burger-menu-ul {
    vertical-align: top;
    padding: 125px 0 !important;
}

second:
but what we can do on the search input field to have no href on that menu-item ( to have the opportunity to activate text in that input field by mouse activation) – see description above – we do not have the possibility to do that on hamburger search menu item
there is:

so if the href attribut remains you can not activate text like above to get rid of “er” in weber f.e.

this to child-theme functions.php :

function remove_href_from_hamburger_search_input(){
?>
<script type="text/javascript">
(function($) {
	$('#header').on('click', '.av-main-nav-wrap', function() {
		$('#av-burger-menu-ul .searchfield > a:first-of-type').removeAttr("href");
	});	
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_href_from_hamburger_search_input');

Resultpage for your test: https://webers-testseite.de/cynthia/

ah – ok – thanks for the info

i see that you are using wp-rocket – maybe disable it and then update all caches (including the browser cache) and see if the problem persists

maybe this topic here is helpfull: https://kriesi.at/support/topic/assigning-menus-for-one-page-and-portfolio-pages/
I don’t know it it still works on actual Enfold and WordPress – but you can try.

and if it is the woocommerce you use the part where it is handled is:
woocommerce – includes – gateways – paypal: “class-wc-gateway-paypal.php” about line 44:
$this->order_button_text = __( 'Proceed to PayPal', 'woocommerce' );

but try first the above! it is more specific on paypal – this below changes the order_button_text on all instances)

so this could be ok too : –

function my_order_button_text() {
    return __( 'Payerthgy', 'woocommerce' ); 
}
add_filter( 'woocommerce_order_button_text', 'my_order_button_text' ); 

this is an Easy Slider of Enfold placed with hook on top of a page ( only surrounded by an extra div to better address it )
https://webers-testseite.de/pureinstall/slider-on-top/

add_action('ava_main_header', function() {
if(is_page(1061)){
  echo '<div class="topslider">';
  echo do_shortcode("[your_shortcode]");
  echo '</div>';
}
});

this is page specific – change to your needs. Pay attention that in your shortcodes the Quotation Marks are correct ( in this case single QM ))

second – you have to find a solution for the menu and for your logo then – and for main top padding

Yes that is that bug mentioned above – Update to 4.7.6.1 or download the file responsible for that and replace it in your theme:
Link

have you a site or screenshot on that problem?

but it isn’t that little bug : https://kriesi.at/support/topic/4-7-6-update-adding-quotations-under-slider/#post-1232550
That is fixed on 4.7.6.1

may i ask you what was the point to change – my description works on my end
so what was the reason that the script has no effect on your page.
Because not even this little addition Div was created for the buttons in the DOM. My assumption that jQuery was not loaded before this custom script – was that confirmed? – and why ? – and how did you manage that ?

By the way – if you do it this way for that signs- you will have a square in red – and an arrow to the right in green:

.custom-mute {
   display: block;
   position: absolute;
   bottom: 9%;
   right: 5%;
   z-index: 50;
   width: 140px; 
   height: 140px; 
   background: red; 
}
.custom-mute:hover {
	opacity: 0.5;
}
.custom-mute.icon-sound-on {
   width: 0;
   height: 0;
   border-left: 140px solid green;
   border-top: 70px solid transparent;
   border-bottom: 70px solid transparent;
   background: transparent !important
}

try this approach:
https://kriesi.at/support/topic/search-icon-on-left-menu/#post-1185825

if that menu item is on top of your menu list – it will be – yes on top
If you like to have a little bit different look – give to that menu-item a custom class: f.e. searchfield.
( If you do not know how to have custom-class on menu-items see here: Link )

and f.e. :

.html_header_sidebar #header .av-main-nav > li.searchfield {
  margin: 0 15px;
  border-bottom: 2px solid #ddd
}

one thing to mention – after inserting the individual link – empty the url field for that menu item ( you can not add individual link if url input is not filled out) – otherwise you can fill in text but not activate it – f.e. to erase some text.

And if you do not want to have on logo bottom a border and less distance to the searchfield:

.html_header_sidebar .logo {
  border-bottom: none;
  padding: 30px 15px 0;
}

( try always first without the !important setting)

• This reply was modified 4 years, 11 months ago by Guenni007.

and where does your jQuery load : in the footer?
Try to load your script above as

add_action('wp_footer', 'enfold_customization_add_magnific_handler');

and what should the popup script do?
maybe a midclick : true can do the trick:

add_action( 'wp_footer', 'enfold_customization_add_magnific_handler' );
function enfold_customization_add_magnific_handler() {
  ?>
  <script type = "text/javascript">
  jQuery(document).ready(function() {
    jQuery('a[rel="magnific"]').magnificPopup({
      type: 'inline',
      midClick: true,
      preloader: false,
    });
  });
  </script>
<?php
}

but maybe a different method could be a good alternative.
Browser support is well ( only IE11 and Opera Mini did not support clip-path )

this – ( and some posititioning css ) – will work too

.iconbox_icon.heading-color {
-webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
        clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
} 

______
mathematically you have to describe a hexagon into the square, and then calculate the coordinate points.

you can see here some calculations – ( buf first – that hexagone is different – and second not well calculated ;) )
https://bennettfeely.com/clippy/

this is for hexagone different orientation:

.iconbox_icon.heading-color {
-webkit-clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
        clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
}