Header Logo

  • Hello, is there a way where I can just get rid of the header logo and have my logo on the main menu instead? I am asking because if you visit my site on a mobile, regardless of the size of my logo which I currently have on the recommended pixels size, it looks massive on mobile as well as on the website. I really would prefer to have my logo on the main menu instead. What can be done?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author candidthemes

    (@candidthemes)

    Hello @koboo

    Thank you for using support forum for the query.

    Please add the below CSS codes on Appearance > customize > additional css,

    @media screen and (max-width: 767px){
.site-branding img.custom-logo{
max-width: 120px;
}
.main-navigation{
position: relative;
}
.menu-toggle{
position: absolute;
    right: 0;
    top: -94px;
}
}

    Hope this helps.

    Thank you

    Thread Starter Juan Raphael Paz

    (@koboo)

    Hello, I’ve just inserted all of those into the additional CSS and nothing has happened at all. There are no changes, is there an option I am not turning off or a part of the CSS code I am missing? I’ve never added to the additional CSS options before so I am not sure If I’m doing this right. may you please check. Please find the attached screenshot below.

    https://ibb.co/0KLD61G

    Many Thanks and I apologize for the inconvenience.

    Theme Author candidthemes

    (@candidthemes)

    Hi @koboo,

    The above given code is for mobile version. Please click on “Save Changes” button above to see the changes.

    However the above code doesn’t work for desktop version. For desktop version you will need to customize the theme as there is no option to show logo and menu on same line. That option is only on our Pro theme.

    Thank You

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Logo’ is closed to new replies.