i often use the source sans pro – but only latin not latin extended – maybe this is causing the mismatch?

and by the way you don’t need to mention the latin case because it is in the latin-extended version.
so :

add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro Extra Bold'] = 'Source Sans Pro:900&subset=latin,latin-ext';
$fonts['Source Sans Pro Bold'] = 'Source Sans Pro:700&subset=latin-ext';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro Light'] = 'Source Sans Pro:300&subset=latin-ext';
return $fonts;
}

this is because it is in media querie rule:

the ending curly bracket is now missing there – where do you want to end this rule. You have to put in a }

Edit : i put in the bracket – now you can erase me as user

that is the reason why i do not have those media queries in the middle of the css. i put it alway on the bottom to it:

@media only screen and (max-width: 810px) {
this last closing bracket was not there
}

ok – have a look and see if i understood your request in the right way.

btw: i added some code to your functions.php of your child theme –
this is why your quick css input window is now at 100% width and responsive

By the way – please do update to WP 4.72 soon -because there are a lot of sites hacked (hacked by sa3d hack3d) including two of my sites.
it is a security problem of WP 4.71 only and goes to posts (not pages nor portfolio posts) see google

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

is my english too bad or do you like to misunderstand me –
this is the code you should add: https://kriesi.at/support/topic/center-menu-responsive/#post-743775

and this is the code you have to remove – https://kriesi.at/support/topic/center-menu-responsive/#post-745323
because it is not the code you need. If you have removed it i will see what code will do the job

you lost something (the max-width of body):

#top.boxed, .html_boxed.html_header_sticky #header {
    max-width: 85%;
    width: 1010px;
}

the rules above are conflicting and confusing that rule

≥ ≤ < > html-entities

or

≥ and ≤ unicode dezimal works

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

i see that this code was inserted after my last information:
it is in media-querie und 810px – can you please remove it shortly
i thought you like to have for body (#top.boxed) max-width: 1010px and width: 85%

.container {
    width: 100%;
}
.container .av-content-small.units {
    width: 80%;
}
.responsive #top.boxed, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
    max-width: 90%;
    width: 80%;
}
.responsive .container {
    max-width: 80%;
}
#top #header .av-main-nav > li > a {
    font-size: 15px;
}

after that we will see what happens

#top .main_menu #menu-item-1107.av-menu-button a .avia-menu-text {
    border: 2px solid #fff !important;
}

#top .main_menu #menu-item-1107.av-menu-button a:hover .avia-menu-text {
    border: 2px solid #f00 !important;
}

be aware that on #menu-item-1107.av-menu-button is no spacebar between 7.a

ah sorry i didn’t mention it above – these codes are for child-theme functions.php !

btw:

Note: There is no function to check if a page is a sub-page in wordpress codex – but
we can get around the problem if we make a new function :

function is_tree($pid) {   
	global $post;       
		if(is_page()&&($post->post_parent==$pid||is_page($pid))) 
               return true;
		else 
               return false;
};

than you can use it like:

than we can use conditional tag if it is page id 2 or is subpage of page id 2

if (is_tree(2)) {
  do something
}

PS : only works with one level it does not check if a page is sub sub page !!!

i think this is no slider at all.

You can achive this in an elegant method by creating nice landingpages by scrollmagic or greensock animation.

Look f.e. here: http://www.electricenjin.com/#intro
or very nice too: http://lempens-design.com/

here are some example-demo-pages : https://greensock.com/examples-showcases

you see in the first example above – that it is a similar (more elegant way) of your link.
I can imagine this as start page for an enfold setup.

and here is the alternative without floating some menu links under the others:
Less place for the logo for more place for navigation

Try this first – seems to be the better alternative

.av-main-nav li:nth-child(3) {
    margin-right: 150px;
}

.responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
}

#header_main_alternate {
     border: medium none !important;
}

#header .container {
     max-width: 100%;
     padding: 0px;
}

.html_header_top.html_logo_center .logo {
     filter: drop-shadow(2px 2px 3px #888888);
     left: 50%;
     transform: translate(-50%, 20px);
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 120px !important;
}

.cart_dropdown {
    opacity: 0;
    right: 0;
    top: 0;
    transition: none !important;

}

@media only screen and (min-width: 980px) {
.responsive .main_menu ul:first-child > li > a {
    padding: 0 20px;
}
}

@media only screen and (max-width: 810px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
.responsive #top #wrap_all .container {
    float: none;
    margin: 0 auto;
    max-width: 85%;
    padding-left: 0;
    padding-right: 0;
    width: 85%;
}
.responsive.html_header_top.html_logo_center .logo {
    left: 0;
    margin: 0;
    transform: translate(0%, 0px);
}
.responsive #top .cart_dropdown {
    margin: -23px 50px 0 0;
    position: absolute;
    right: 7.5%;
    top: 50%;
    opacity: 1
}

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

Edit: try first the other solution – seems to be clearer !

so one possibility is to have a fluent nav height.
if you don’t want to shrink font-size you have to allow floating (as you does) – but your container with navigation is set to 50px height.
try this here instead:

#header .container {
     max-width: 100%;
     padding: 0px;
}

#header_main_alternate {
     border: medium none ! important;
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 138px !important;
}

.html_header_top.html_logo_center .logo {
     filter: drop-shadow(2px 2px 3px #888888);
     left: 50%;
     transform: translate(-50%, 10px);
}

.html_header_top.html_logo_center .main_menu ul:first-child {
     display: inline-table ! important;
     width: auto ! important;
}

.html_header_top.html_bottom_nav_header .main_menu > div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
     height: auto ! important;
     width: 100%;
}

@media only screen and (max-width: 1120px) {
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 186px !important;
}
}

on transformation the logo for me it looks nice to have the logo a bit shifted down. But it is a matter of opinion.
the padding-top is for having the slider not covered by the navigation.

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

maybe the filepermissions are not correct .

The quick css rules are saved in : /wp-content/uploads/dynamic_avia/enfold_child.css
if you are working with child theme – if not it is in enfold.css same folder.

These rules are only added at the end of default rules – so please look if the folder dynamic_avia has correct folder-permission and the css are writeable.
(via ftp)

this is the correct place but the code is not in your source code to find.