Center Logo and Header

  • Hi there,

    My website is: Beautyandthedetails.com It’s using the Amelie theme I purchased from Colorsplash on CreativeMarket.

    I would like to center the Logo and Menu Navigation Bar.

    How can I go about doing so? I have Custom CSS, so feel free to send me instructions that way.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there RenaeCT87,

    How are you doing today?

    Unfortunately WordPress forum rules prevents us assisting with commercial products, sorry. You can read more here:

    https://codex.www.ads-software.com/Forum_Welcome#Commercial_Products

    I did take a quick peek, this should hopefully get you what you need:

    .header-wrapper .inner .logo {
    width: 266px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

ul#tiny {
    margin-left: auto;
    margin-right: auto;
}

    If you need any further help, you would need to contact theme developer.

    Have a great weekend!

    Cheers,
    Bojan

    Thread Starter RenaeCT87

    (@renaect87)

    Thank you Bojan. I’ve been in touch with the theme’s developer and they have not been responsive. SO I’ve had success making some of the changes I needed on my own, this is the last thing that I can’t manage to get fixed.

    The code you shared centered the logo. What can I use to center the menu navigation as well?

    Thank you,
    -Renae

    Hey again Renae,

    The second part of the code is for centering navigation, after closer inspection it does center the holder but not text inside it.

    You can replace the second part of the code above with the following and everything should be centered. 

    ul#tiny {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.menu ul li:first-child {
    margin-left: 0;
}

    Hope this helps ??

    Cheers,
    Bojan

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