and !!! what do you inserted in your video link ? this ist your site where the video to youtube is linked ?
that is why you got that scroll you got an iframe in an iframe !

see again here: https://webers-testseite.de/ikom/video/

do as manual link on your page direktly the link to youtube page :
https://www.youtube.com/watch?v=waXFJHu2Jy8?autoplay=1&rel=0&iframe=true

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

Hello Jeff,
First of all you should be selected Title and exceprt.

Second, you can display only the title because the excerpt don’t show automated. Excerpts are optional hand-crafted summaries of your content that can be used in your theme.

Third, to display the excerpt you could do that. If you want to dispaly excerpt to all posts, you can do that process to all posts. Edit one of the posts and open on the right top of the screen (Screen options) and select the checkbox Excerpt http://imgur.com/a/SX2UO.

Finally, scroll down to the post and under the editor you can find the Excerpt http://imgur.com/a/OBZ38. Fill in with text that field and update the post. Go to the page where show your latest post and refresh the page. Now you can see the excerpts.

Thank you

Victoria,

I feel like we are going in a circle.

1. The Mobile Menu on the Homepage does not scroll, it is broken.

2. Nikko suggested adding this code to fix it but this code causes the mobile menus on ALL pages to scroll past their height.

.html_stretched #wrap_all {
height: auto!important;
}

3. If I remove the code, we are right back where we started, the Mobile Menu on the Homepage does not scroll, it is broken.

4. You need to go back and look at DEVGEN’s original post at the top of this page.

5. DEVGEN and I have the exact same issue. Why are you suggesting a different course of action for each of us?

• This reply was modified 8 years, 9 months ago by corefocusgroup.

As @yigit posted the solution is to add

#wrap_all {
overflow-y: scroll;
}

or

#wrap_all {
overflow-y: auto;
}

to the custom css box or to the style.css of your child theme. Don’t forget to clear any caches (wp-rocket, w3c, browser, …)

Safari causes problem with overflow since ages. So I don’t understand how such a rule could get into the update and why the issue did not get detected during testing.

For the overlay we need a container surrounding the whole thing which could be adressed well.
So best will be to make a copy of header.php in the child-theme folder.
Open it and insert that new container just after the opening wrap_all container to have than:

<div id='wrap_all'>
<div class='mega-bg'></div>

so we can have than in quick css :

 .mega-bg {
    width:100%;
    height:500%;
    position:absolute;
    display:none;
    z-index:0;
    transition: all 1s linear 0;
    opacity: 0
    }  

 .av-burger-overlay-active .mega-bg {
    width:100%;
    height:500%;
    background:#fff;
    position:absolute;
    display:block;
    z-index:500;
    transition: all 1s linear 0;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

you see here that mega-bg container is just a “super container ” and in normal mode with opacity zero !
when hamburger menu opens there is an extra class : .av-burger-overlay-active.
we can now use this to change opacity and background-color (you can use here every color you like even#000)

here is the rest with some comments:

/******** some logo adjustments *************/

.main_menu .avia-menu,#header_main_alternate,.fallback_menu {
display:block;
float:right;
}

.responsive #top #wrap_all .container {
max-width:95%;
width:95%;
}

.responsive #top #wrap_all #header {
background-color:#fff;
opacity:1;
position:fixed;
width:100%;
}

.responsive #top .logo {
float:left;
position:absolute;
top:50%!important;
transform:translateY(-50%);
width:65%;
}

#menu-item-burger > a {
padding-right:8px!important;
}

#advanced_menu_toggle {
display:none!important;
}

/******** if you like to have infront of your menu-items some icons. *************/

#av-burger-menu-ul li#menu-item-437 a .avia-menu-text::before {content: "\e821 \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-438 a .avia-menu-text::before {content: "\e83c \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-439 a .avia-menu-text::before {content: "\e857 \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-440 a .avia-menu-text::before {content: "\e80b \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-441 a .avia-menu-text::before {content: "\e805 \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-589 a .avia-menu-text::before {content: "\e80e \00a0";font-family: entypo-fontello; color: #0088BD}
#av-burger-menu-ul li#menu-item-703 a .avia-menu-text::before {content: "\e81e \00a0";font-family: entypo-fontello; color: #0088BD}

/********. some changings of hamburger menu.  **********/

.av-burger-overlay {
    box-shadow: -2px 0 10px #bbb;
    left: auto;
    max-width: 400px;
}

.av-burger-overlay-inner {
    background: #fff url("url to a background image") no-repeat scroll 0 0 / cover ; 
}

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #0088BD !important;
}

#av-burger-menu-ul li a {
    color: #000 !important;
}

#av-burger-menu-ul li a .avia-menu-text {
    text-shadow: 1px 1px 3px #333;
}

#av-burger-menu-ul li a:hover .avia-menu-text {
    color: #0088BD;
    font-weight: 400;
}

/******** if you don't like to have fullscreen hamburger active menu when under a given screenwidth *************/
			
@media only screen and (max-width: 880px) {
    .av-burger-overlay {
    box-shadow: none;
    left: 0 !important;
    max-width: 100% !important;
}
}

Wenn du natürlich willst, dass das Logo mit rausscrollt wie das Heading könntest du mit pseudo-klasse das Bild platzieren.
Hier jetzt mal der Code für die Demoseite von Kriesi:

.home .avia-caption-title::before {
    content: "\00a0";
    display: inline-block;
    position: relative;
    height: 100px;
    width: 100%;
    top: -20px;
    background: url("http://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/logo_onepage_portfolio_text2.png");
    background-repeat: no-repeat; 
    background-position: top center;
    background-size: 250px auto;
}

hier wird also ein Container vor der Überschrift platziert. Der Container hat “keinen” Content (er muss einen haben – sonst wird er nicht angezeigt, daher das Sonderzeichen bei Content (Leerzeile)) – dafür aber ein Hintergrund Bild. Das Hintergrundbild ist dein freigestelltes Logo. Den Pfad musst du natrlich austauschen.
Der Rest ist dann Größe und Platzierung. Das kann ich nicht sehen wie es bei dir passen würde.

Der Code oben in deine Quick css hinein.
Der ist jetzt so nur für die (home) Startseite gedacht. Wenn du das auf anderen Seiten benötigst, dann muss man da halt die page id statt home setzen also zB.:
.page-id-123 .avia-caption-title::before { … }