well on Enfold there are on html and body a lot of classes which you can use to style your layout.
if these are posts there is on body : single and single-post class
on portfolio : single and single-portfolio class:

so you can do this:

#top.single-post #header { display: none }
#top.single-post #main { padding-top: 0 !important;}

if it is only for a special post – you should know the post ID – this you can find too on the body (#top) something like: postid-1959

this is code we can use without looking to the sources of Enfold – just looking to the DOM

Maybe a Mod knows a direkt way to place the things on the footer.php to a different place
– in footer.php there is the code to echo the post-nav just before wrap_all closes:
echo $avia_post_nav;

by the way it seems that the wordpress standard options on Settings – Discussion : Comment Blacklist has an effect too – even if you don’t use Comments.
after the entry there (one country code per line) – I couldn’t send any more e-mails via my contact form (cf7 by the way) via .ru address

may i see your site please.

you have set other values on your css than it is on default for flex-table ( as the name said – table layout )
the outcommented lines are the settings you have made –
the other is the default value
so look for those custom set rules and get rid of them – because you merged your files it is hard to say where it is placed.

#top .flex_column_table {
    /*** display: block;  ***/
    display : table
}

#top .flex_column_table_cell {
    /*** float: left; ***/
    float: none
}

You have takten for that #kontakt section the relative value on ALB Option (100% of browser window height).

on shortcodes.js you can see what is happening.
For me it is logic not to subtract the header height on that – because on transparency the content has to go under the header to the top of the window.
On transparency option the height must be more than on non-transparency mode.
See line 461 and 479 calculation of that.
you see on line 461 that only header height is part of the calculation if it is a non-transparency option:
#header.av_header_top:not(.html_header_transparency #header)

maybe Try an absolute value for your #kontakt section value f.e. 700px

a very elegant method is to use the flex box modell:
the align-items: stretch made the trick
put the three iconboxes in a 1/1 container ! give to this 1/1 container the custom class: flex-iconboxes

now put this to your quick css:

/* mediaquery width depends on your settings ( maybe 768px) */

@media (min-width: 990px) {
  .flex_column.flex-iconboxes {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  align-items: stretch;
}

.flex_column.flex-iconboxes::before, .flex_column.flex-iconboxes::after {
    display: none;
}

.flex-iconboxes .iconbox {
  flex: 0 1 30%;
  background-color: #e8e8e8 !important;
  border-radius: 5px;
  margin-bottom: 0 !important;
}

.flex-iconboxes .iconbox_content {
  box-shadow: none !important;
}
}

result see here : https://webers-testseite.de/iconboxes-with-equalheight/

if you got more than 3 boxes play with the 30% value ( 4 boxes : less than 24% ) etc

so try this and see if image quality is what you might want to have:

#top .avia-post-nav {
  height: 150px;
}

.avia-post-nav:hover .entry-info-wrap {
  width: 280px;
}

.avia-post-nav .entry-info {
  height: 120px;
  width: 260px;
}

.avia-post-nav .entry-image {
  height: 120px;
  width: 120px;
}

.avia-post-nav .entry-image img {
    border-radius: 10px;
    border: 2px solid #fff;
    width: 120px;
    height: 120px;
}

if there is a link to a live page – we could advise better. Do you have an SSL page? Maybe there are some http sources – but then you wouldn’t see it secure at the top of the browser’s URL window.

Don’t give up so fast! It just doesn’t work. You also have to insert a transparent logo as a normal logo. Then it works

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

Well i think i have to look if a header on fixed postion get this working too!

you can see here – that it is even working this way if you got a fixed header.
https://webers-testseite.de/cynthia/fixed-header-on-mobile/

and if it weren’t for the superfluous rule in layout.css:

@media only screen and (max-width: 767px) {
.responsive #header_main .container{
  height: auto !important; 
}
}

the header height will shrink too. (See the example page – with deleted rule in layout.css)
But i found no way ( unset does not work) to overwrite this rule via css – only deleting that rule would help

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

off topic: and by the way – This is a prime example to use the flex-box model here.
because 8 images besides each other on a mobile phone ?

try on your example page that css: and see what happens on smaller screens:

@media only screen and (max-width:650px) {
  .page-id-715 #after_full_slider_1 .avia-gallery-thumb {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

  .page-id-715 #after_full_slider_1 .avia-gallery-thumb a {
    flex: 0 1 100px;
    margin: 1%;
  }
}

So what do you like to have on that performance settings: “Load only used elements”
Thats what i have there. And have never Troubles on that images.

by the way the scroll-down-link button is absolute positioned – but in relation to bottom.

If you cancel that rule and set a top postion you can play with that values.

PS: If you are still designing your website, my recommendation is that all merging – caching etc. should be switched off until you are done with the layout.
Otherwise you’d have to empty the cache, reset the merging, etc. with every small change

#top .scroll-down-link {
    top: 70%;
    bottom: initial
}

PPS: wouldn’t it be nicer to set the background-images to cover the elements? You can set this in the color-section options dialog.