Hi there

1. I'd like for my mobile version do add a different logo. I could find only logo width in mobile but not the possibility of adding another logo.

2. Is it possible to work with the blog site as a normal site? If I use the standard blog, I cannot change anything in header/footer etc. What I'd like to do is using the standard blog in a normal site, not the blog post widget (which is different). 

thanks and best regards

Caspar

hi Ylli

Thanks for the video! I'll try that!

Best regards

Caspar

Hi Ylli

Can you maybe point me in the direction for changing the logo in mobile. I found some inputs from another Theme:

add_action( 'generate_before_header_content','tu_mobile_logo' );
function tu_mobile_logo() {
?>    <div class="site-logo mobile-logo hide-on-desktop hide-on-tablet">        
      <img src="URL TO YOUR MOBILE LOGO" alt="" />    </div>
<?php
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

Then some CSS:

@media (max-width: 767px) {    
.site-logo:not(.mobile-logo) {        
    display: none;    
}
}

Could something like this work?

Thanks!

Hi Ylli

Made it, here's the bit i did: 

header.main-header .logo-and-menu-container  {

background-size: 100%!important;
    background-position: center center;
background-repeat: no-repeat;
    height: 22rem!important;
    width: 100%!important;
}

.header-logo.logo-image {
    display: none;
}

header.site-header {
    padding-top: 50px!important;
}

.menu-items-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: center;
}

header.main-header .logo-and-menu-container {
    display: block;
}
.menu-bar {
    margin-left: 20px;
    margin-top: -30px !important;
}

Do you see any flaws?

Thanks!

Caspar