Yes. I have Shrinking Header, Unstick topbar and Sticky header in Header layout tuned on.

I use Enfold Child.

Ja deutsch ist auch ok! danke nochmal für die tolle Hilfe, jetzt hab ich eigentlich so ziemlich den dreh raus, wo ich wie was machen muss. Bei der Mobile-Ansicht ist das zweite Bild leider noch nicht sichtbar, muss ich mal schauen… Nur in php bin ich nicht so vertraut muss ich leider gestehen. Der Schrinking header ist cool – wie würde das funktionieren?

BTW: habe das CSS nun ein wenig weiter adaptiert – please take a look :-)

div .logo { float: none}
.logo:first-child img { display: none}
.logo img {max-width: 320px}
.logo.first-logo {z-index: 3}
.logo.second-logo {z-index: 2}
.logo.second-logo {width: 100%}
.logo.second-logo a {float: right}
.logo.second-logo a {padding-top: 40px}
.logo.first-logo a, .logo.second-logo a {display: inline-block}

@media only screen and (max-width: 768px) {
.logo.second-logo a { float: left }
.responsive #top .logo { height: auto }
.responsive #top .logo:first-child { display: none }
}

#header_main_alternate { border : medium none; }

#header_main_alternate {float: right}
#mobile-advanced {
background-image: url(“/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png”);
background-position: left top;
background-repeat: no-repeat;
background-size: 10% auto;
padding: 15% 0 !important ;
}

• This reply was modified 8 years, 9 months ago by led-consult.

Hi Ismael

Thank you, this is just for the layout (that it is on the same line as the menü in desktop view) and works perfekt. This space is not the probleme.

pls check different with the color section and without. the problemes only apear only with color section:

with color sections (not ok) and without color section

All the best,
Pascal

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

Thanks for your help Jordan! The CSS did work, but the contact form (and video as well) were made bigger on the desktop view in addition to the mobile view. I just wound up re-building the entire page with success, without needing to use the code. I must have done something weird when I built the page the first time… but it’s good now!

Thanks Basilis.

So, would it then be as simple as to take Nikko’s code for post pages:

function move_featuredimage_script(){
?>
<script type="text/javascript">
(function($){
	function move_featuredimage() {
		jQuery("#top.single").find(".big-preview.single-big").insertAfter(".entry-content-wrapper .entry-content-header");
	}
	move_featuredimage();
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'move_featuredimage_script');

and replacing “.big-preview.single-big” with “.page-thumb” ?

Hey guys!

@tjswarbs78: this is the reason why i like enfold support so much. If moderators are too busy,
forum members help you. That´s the way it should be. Thanks @tjswarbs78!
:)

I already used the script with ”
but it still does not work.
if you take a look at the picture https://fritzhoffmann.de/wp-content/uploads/2017/06/wasser_mobile-1.jpg
you will learn that this image is not shown on mobile devices.

what i do not understand: it works fine if you test it in a browser, the big image (landscape/desktop version)
is being replaced with the smaller image (portrait)

Any ideas? German or English. Whatever you guys prefer ;)

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

Hi, I mean when we scroll down and the menu sticks in the top, that it would be nice it the logo went away on scroll.