Okay
  Public Ticket #1575324
Different mobile logo
Closed

Comments

  •  2
    leggerotyp started the conversation

    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

  •  930
    Ylli replied

    Hi Caspar,

    1— Sorry but that option is not available for the moment. Maybe this option will come through theme updates in future.

    2— Blog page can't be edited with WPBakery Page Builder, it removes the changes that you made when you click save.

    But, there is one trick, so the only method to explain it to you is with a video: http://drops.laborator.co/DoeEu

    Have a great day!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  2
    leggerotyp replied

    hi Ylli

    Thanks for the video! I'll try that!

    Best regards

    Caspar

  •  930
    Ylli replied

    Hi Caspar,

    Glad to hear that

    Have a great day!

    P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from Laborator in advance!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  2
    leggerotyp replied

    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!

  •  2
    leggerotyp replied

    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

  •  930
    Ylli replied

    Hi Caspar,

    I'm really sorry but this is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area.

    If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Codeable. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Thanks for your understanding.

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook