Как убрать лого с шапки, но оставить на липком меню?

Question

[Tanya]

Добрый день! У меня сайт на WordPress использую QuadMenu и MyStickyMenu, мне надо чтоб лого не было видно в шапке, но оно было бы видно только в прилипающем. Немного не понимаю как это можно осуществить? Помогите пожалуйста!
У меня есть код в PHP+HTML

<?php
		if ( get_header_image() ) { ?>
			<header id="masthead" class="site-header header-background-image" style="background-image: url(/wp-content/uploads/2019/03/logo-1.png) " role="banner">
		<?php } else { ?>
			<header id="masthead" class="site-header" role="banner">
		<?php }
		?>
	<?php
	// <header id="masthead" class="site-header" role="banner">
	?>
		<div class="site-logo">
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" style="top: 10px;">
				<div class="screen-reader-text">Go to the home page of <?php bloginfo( 'name' ); ?></div>
				<?php if ( has_site_icon() ) : ?>
					<?php $site_icon = esc_url( get_site_icon_url( 270 ) ); ?>
					<img class="site-icon" src="/wp-content/uploads/2019/04/The-Remote-Future-Summit-logo.png" alt="" >
				<?php else : ?>
					<?php $the_site_firstletter = substr(get_bloginfo('title'), 0, 1); ?>
					<div class="site-firstletter" aria-hidden="true">
						<?php echo $the_site_firstletter; ?>
					</div>
				<?php endif; ?>
			</a>
		</div>

Очень надо решить эту проблему т.к. часто с подобным сталкиваюсь и мне интересно как оно решается, спасибо!

Answer 1

[maksam07]

Может как-то со стилями поиграться? Что-то типа:

#mysticky-nav.up .site-logo{ display: none; }
#mysticky-nav.wrapfixed.up .site-logo{ display: block; }

Comments

[Tanya]

спасибо, сейчас попробую, но там разве не masthead должно быть как главное в display:none ?

[Tanya]

оно сработало, но только после того как я проскролила вниз, а потом подняла, оно исчезло, мне надо чтоб впринципе видно не было, хотя кажется начинаю понимать принцип

[maksam07]

Tanya, если в общем, то стилями все это можно реализовать, несколькими разными вариантами. Выбрать только более подходящий)

Answer 2

[Андрей Котосин]

У тебя есть класс myfixed

<header id="masthead" class="site-header myfixed" role="banner" style="width: 1680px;">

В том случае когда шапка "припшая" и без него, когда у тебя шапка в самом верху просто.

Итого, берем CSS и ставим к логотипу

.site-logo img {
display: none;
}

А для класса myfixed ставим block

.myfixed img {
display: block;
}

Ну или как то так, если я правильно понял

Comments

[Tanya]

блин, спасибо большое! оказалось так просто... а я с помощью JS раньше делала но только свап одного лого на другой
в стилях запуталась, спасибо еще раз!