How to put the logo in the header into the middle?

edited September 2018 in Appointment Theme
Hello!

Now since a longer time all is ok and the theme runs perfect. Thank you again for your support at this point.

We took the old logo into the middle, but now my brother changed the logo into a new bigger one for his project and took it in today.

Now i too it smaller to 350 px and it has to get again into the middle.

How can i do this?
Sorry, i cant find my older documentation.

The project can be found at: https://allefüreins.com/


best regards
Karl-Heinz

Comments

  • Hi alemape

    I am afraid I didn’t understand you. Can you please provide a bit more detail? Also, please include screenshots exactly how you want to show your logo.

    Thanks
    A
  • here is a screenshot

    the thing is... my brother changed the logo to this one and now its not anymore in the center
    2018-09-28 17_45_02-Window.png
    421K
  • Hello again,

    did you understand now?

    The Logo in the header has to set to the center.
    The last one was, but it das square, not the new one is rectangle.

    Sorry for my bad englisch, but my native language is german and i speak many times spanish.

    best regards

    Karl-Heinz
  • Hi 

    Please have a look in screenshot and let me let did you want to show your logo here http://prntscr.com/l1k54i

    thanks
    A
  • i was watching it.

    no, not in the left side. in the center totally.

    in the moment its not really in the center...

    did you unterstand it now?

    best regards

    Karl-Heinz
  • Hi alemape

    Please go to in your  theme custom css box  and find the below give css code and change the value 

    Go to wp-dashboard >> Appearance >> header settings >> custom css 

    .navbar > .container .navbar-brand {
        margin-left: 395px !important;
    }

    Change the value  395 or as you need.

    Have a look in the screenshot http://prntscr.com/l1pc0o

    Thanks
    A
  • Hello A,

    that works not. Thank you for you quick answer and great support.

    Greets from Germany

    Karl-Heinz
  • Hi,
    I centered menù and logo with this code:

    .navbar {
    margin: auto !important;
    width: 100% !important
    }

    .container {
    margin: auto !important;
    width: 95% !important
    }

    #menu-menu-principale {
       margin-left: auto;
        margin-right: auto;
        width: 85%
    }

    .navbar-header {
    margin: auto !important;
    width: 95% !important;
    }

    .navbar-brand {
    margin: auto !important;
    width: 95% !important;
    }

    .img-responsive {
    display: block !important;
       margin-left: auto !important;
       margin-right: auto !important
    }

    This is also responsive! :D

    Michele
Sign In or Register to comment.