Logo next to Menu

Hello,

my problem is like shown in the screen:

image

the logo appears above the menu, it should be left to it.

can you please help?

thanks and best regards

Comments

  • edited June 2018


    Thanks for contacting us.

    Kindly share your site url so we can take a look and assist you better.

    Thanks
  • Hello again,

    that's not possible, because the page is just intern untill it is finished.

    Can i help with screenshots or something else?

    I'm sorry :l

    Greets

  • http://rapaddikted.de/wordpress/

    it's the same here...

    the logo appears above the menu, i want the logo is shown left to the menu.

    Greets
  • Hi optikknopik

    IF you want to like the screenshot then kindly add the below css code in Additional css box.

    For this Go to >> Wp-dashboard >> Appearance >> Customize >> Additional css

    .nav {
        padding: 35px 0 !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 29px 10px !important;
    }

    Let me know did it work.

    Thanks
  • Hi,

    thanks for the fast answering, that's luxurious ;)

    worked fine, BUT

    Can we get that thinner? :)

    image

    i will need a smaller logo, but can we decrease the height?

    Thank you again!
  • Hi optikknopik

    IF you want to the less height (thinner) of the menu like the screenshot http://prntscr.com/jwrrv5

    Then kindly remove the above suggested css code from Additional css box and add the below css code in this box.

    .nav {
        padding: 35px 0 !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px 10px !important;
    }

    Let me know did it work.

    Thanks
  • Hello again.


    No , sorry..

    Now it's like:
    image

    i want it like:

    image

    and i noticed that the logo is left on opera, on firefox is still above the menu :(

    Thanks for help!

  • Hi optikknopik

    Ok if you want like the above screenshot kindly add the below css code in Additional css box.

    .navbar { margin-bottom: -4px !important; }
    .navbar-brand { padding: 0px !important; margin-right: 25px !important; }
    .navbar-brand > img { max-width: 65%; }
    .nav.navbar-nav { padding: 0 !important; }

    And in our end, it also looks fine in Firefox browser if you get the issue in firefox then kindly share the screenshot.

    Take a look in screenshot http://prntscr.com/jx17us

    Let me know did it work.

    Thanks
  • hi there,

    i think, the firefox-problem was a cache problem.-thanks so well.

    the other thing works.

    Thank u so far!
This discussion has been closed.