Okay
  Public Ticket #3107798
logo
Closed

Comments

  • lbsomuch started the conversation

    How can I add logo to Topbar like this website.

    https://www.everydayobject.us/

    (they use same theme)

  •  522
    Vasilis replied

    Hi there,

    open header.php and remove 

    <div class="site-logo">
                    <h1 itemprop="name">
                        <a itemprop="url" href="<?php echo esc_url( home_url( '/' ) ); ?>">
                            <?php if ( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ): ?>
                                <img itemprop="logo" src="<?php echo esc_url( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
                            <?php else: ?-->
                                <!--?php bloginfo( 'name' ); ?-->
                            <!--?php endif; ?-->
                        </a>
                    </h1>
                    
                    <!--?php if ( get_bloginfo( 'description' ) ): ?-->
                        <p class="tagline"><!--?php bloginfo( 'description' ); ?--></p>
                    <!--?php endif; ?-->
                </div><!-- /site-logo -->
    

    Then add this

    <a itemprop="url" href="<?php echo esc_url( home_url( '/' ) ); ?>">
                            <?php if ( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ): ?>
                                <img itemprop="logo" src="<?php echo esc_url( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
                            <?php else: ?>
                                <?php bloginfo( 'name' ); ?>
                            <?php endif; ?>
                        </a>
    

    after

    <nav class="nav" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"></nav>

    If you decide to proceed with this modification I would suggest you create a child theme, copy over the files you are editing and make the modifications there. This will allow your changes to survive future theme updates. If you directly edit the theme’s files, all changes will be lost once you update.

    Have a look at this guide to learn more about child themes and how to create one www.cssigniter.com/ignite/beginners-guide-child-themes/

    Let me know if you need additional help with this.

  • lbsomuch replied

    https://wordpress-771087-2636020.cloudwaysapps.com/

    doesn't look well,  I want the Logo locate at left not top.

    4214063025.png

    like this.


  •  522
    Vasilis replied

    Try this

    nav{display:flex;align-items:center}
    nav > a>img{max-width:100px;margin-right:20px}
    

    in your custom CSS box under Customize-▸Additional CSS

    Let me know if you need additional help with this.

  • lbsomuch replied

    thanks, and I want to remove these

    3064099542.png

    icons and line and frame of icons

  •  522
    Vasilis replied

    Hi,

    have you managed to resolve this?

  • lbsomuch replied

    that's my task, I don't realize this Theme had so less control in customization.

  •  522
    Vasilis replied

    Let me know if you need additional help with anything else