Greatmag header logo position


#1

HI there, it’s my first time asking so I apologize if I’m doing something wrong. Please I have a request. Please how can I move the logo to the same line as the menu? In such a way that the menu and the logo stays when the sticky menu is activated. Also, if that is archive I would like to get rid of the white space the logo now occupies. Thanks. My site spicegadget.com


#2

Hello there,

To accomplish it, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {
     if ( matchMedia( 'only screen and (min-width: 678px) ' ).matches ) {
       var homeMenu = $('#site-navigation .navbar-nav > li:first-child > a');

       homeMenu.html('<img src="https://yoursite.com/path/to/logo.png" alt="Your Site Title" style="max-height:60px;" />');

     }
    })(jQuery)
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    #site-navigation .navbar-nav > li:first-child > a img {
      margin-top: -10px;
    }

The code above replaces your first home menu with a new image. Then you’d need to insert the second home menu and put it to the second row. Go to Appearance > Customize > Menus.

Regards,
Kharis


#3

Thanks for the help but I’m sorry it didn’t work for me. I now have a site title and a logo on the same line instead of menu. The menu is still below. Please I’m waiting for further instructions. Thanks again