Logo in left sidebar/BuddyPanel instead in Header

[Tobias]

Hi,

i’m trying to put the “.mastlogo” into the left sidebar. So actually leave it in the same position, but placed within the BuddyPanel.

Because i have a scrolling header (see other post), i need the Logo to stay in the left sidbar when the header is hiding..

https://www.buddyboss.com/support-forums/topic/hide-header-titlebar-on-scroll/

[Alyssa]

@snikay send me a link to your site and I should be able to help you out.

[Tobias]

and oh, i send the link via PM 🙂

[Alyssa]

@snikay this is going to take some work on your part to get things just right but copy header.php to your child theme and add this:

<div id="mastlogo" class="new_logo">
         <div class="site-name">
                    <h1 class="site-title">
                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
                            <?php bloginfo( 'name' ); ?>
                        </a>
                    </h1>
                    <p class="site-description"><?php bloginfo( 'description' ); ?></p>
                </div>
    </div><!-- .mastlogo -->

after this line:
<div id="left-panel-inner">
Then add this to custom.css:

.new_logo h1.site-title a{font-size:24px;}
.new_logo{margin:0;}

NOTE: you may need to use !important to get the styles to stick

[Tobias]

Hey, thanks, that works if i set .new_logo{margin:0;} to .new_logo{margin: -75px 0 0 0 !important;}.

But..when i place an .png Logo it isn’t working anymore.
Although i tryed to replace your “new_logo”-“mastlogo”-div right under <div id="left-panel-inner"> with the original “mastlogo”-div and added the “new_logo”-class.

Even on my test-theme. If i added a Logo, the whole content (including the buddypanel sidebar) gets “sucked up” on the top by about 50px. So than i’m missing the first menu entry in the buddypanel, because it slipped underneath the logo! I bet everyone should have this problem..?

[Alyssa]

@snikay I wasn’t aware you were adding a logo, I thought it was as you wanted, so we need to add different code.

[Alyssa]

@snikay place your logo and I’ll provide you with new code.