yes – i guess this will be the matter of z-index.
but i would give the rule to : #top .av-submenu-container

First: you recognized that the absolute url to your font-file is not correct? https…

and of course this is not the recommended method to load these Google Fonts. Either go via a link
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
or the @import rule.
@import url('https://fonts.googleapis.com/css?family=Tangerine');
the @import rule you can try to place it in the quick css.

you can load the font on your child-theme functions.php by:

add_action('wp_head', function() {
?>
	<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
<?php
});

but Tangerine is in the allready implemented Set of Enfold. – but if it is not your body font or heading font, you can start the loading process by defining this font in the advanced settings, e.g. for h6.
Then you can assign this font to other selectors via quick css.

you mean that on scrolling the header should shrink on ipad too! ?

on avia-snippet-sticky-header.js line 62 there is:

if(shrinking && !isMobile)
change to:
if(shrinking)

you can have that js in child-themes folder and load it via child-theme functions.php

and another solution – a little bit easier to understand is this:
the code is here and the image is above : https://webers-testseite.de/multiple-background-images/#av_section_5

you can give multiple backgrounds on a container – so no-one hampers you to have on bottom a background right triangle png file with transparent top part ! ;)

click to see

the background-size on that triangle is then set to : 100% 120px. a given height and maximum container width.

• This reply was modified 6 years, 9 months ago by Guenni007.

you can see here a trial to get it with clip-path option:
https://webers-testseite.de/elegant/polygones/
nearly all modern browsers supports this – and a lot of modern mobile devices too.

or for more simpler background-images you can skew surrounding container and skew back content:
https://webers-testseite.de/elegant/skewed-color-sections/

you can see what to achive with that polygone method on landing page. (because of fixed content there must be a different solution for mobile devices):
https://webers-testseite.de/elegant/

• This reply was modified 6 years, 9 months ago by Guenni007.

is there a link to your site you can make public – sometimes i got an idea to solve css problems

and link to it directly – because it is easier to find for other Participants:
https://kriesi.at/documentation/enfold/menu/#toggle-id-77

and by the way – why do you style the href of tel. – this might come to conflicts with browsers. You can be extremly be precise here with country pre number etc. and any spaces – brackets .

<a href="tel:+14177314007">(417)-731-4007</a>

Why have you entered it to title tag: Click to show details – if you don’t want it?
edit: ok i see this is added by the theme – it comes from gallery_horizontal.php line 421
but best would be to make it via translation file – this is not translated in most of the lang files but you can add it.

Or which should work always – do this to child-theme functions.php:

function my_text_strings( $translated_text, $text, $domain ){
switch ( $translated_text ){
    case 'Click to show details':  $translated_text = __( 'more about', $domain );
    break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

i think the thing is that you have on blog single author small – no sidebar !
If you got one the featured images goes to the left !
But if you give that page a sidebar and remove it with quick css the layout will be this way:
But to have this not on your whole site – and only for that page you should be more specific on that.
I tested it with my page 33574

.page-id-33574 #main main.content {
    width: 100% !important;
    border-right: none !important
}

#top.page-id-33574 #main .sidebar {
    border-left: none !important;
    display: none !important;
}

Question – do you have a child-theme header.php ?
If so there is on header.php some new lines concerning to lightbox behavior. So if you got a header.php copy of an older version in it this could be the reason.

with a non shrinking header it is easy – see above
shrinking header – see testpage – if this meets your expectations, then I can offer the solution here on occasion.