Logo and Nav bar aligning problem

  • Resolved ciciliaiskandar

    (@ciciliaiskandar)


    10 years, 4 months ago

    Hi I have tried aligning my logo and right navigation bar to the center but nothing worked. I am not sure why (I read other’s people thread and it seemed to be an easy fix problem) and I would really appreciate help. Thanks!

    My website is peekmybook.com and I am using Mystile theme.

    Currently I have these code written in Mystile > Theme Options > General > Custom CSS:

    .post img, .type-page img {
    border: none !important;
    }

    #header {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    }

    #navigation {
    margin-bottom: 0;
    }

    #header #logo {
    margin-bottom: 0;
    }

    .site-title {
    max-width: 1000px;
    margin: 0 auto;
    }

    .sf-menu {
    max-width: 1000px;
    margin: 0 auto;
    }

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

  • Hello again,
    Try this code in your css

    #logo {
    margin-left: 185px;
}

nav#navigation {

    float: left !important;
}
nav#navigation {margin-top:17px !important;}

    Thread Starter ciciliaiskandar

    (@ciciliaiskandar)

    OMG IT WORKED! I have tried every single code I found and nothing worked. Gosh thanks so much! Is it possible to put the navigation bar below the logo? So it didn’t look like they are crashing into each other. Thanks so much! xD

    No problem Cicilia. Thats what we are here for. Tell me what you think of this.

    #logo {
    margin-left: 250px;
}

nav#navigation {

    float: left !important;
}
nav#navigation {
    margin-top:55px !important;
    margin-left:-150px !important;
}
    Thread Starter ciciliaiskandar

    (@ciciliaiskandar)

    Hi Wolfs bRain thanks for the reply.

    It looks like this in my computer:
    https://imageshack.com/i/ip94dd68p

    What I really have in mind is something like this:
    https://www.rumacoffee.com/

    O ok i get what your going for. Hows about this?

    #logo {
    margin-left: 370px;
}

nav#navigation {
    float: left !important;
}
nav#navigation {
    margin-top:85px !important;
    margin-left:-345px !important;
}
    Thread Starter ciciliaiskandar

    (@ciciliaiskandar)

    THAT EXACTLY WHAT I WANT!! Thank you so much!! Thanks I really appreciate what you’ve done! Thank youuuuuuuuuuuu! xD

    No problem Cicilia. Glad to be of help. If you ever have any questions feel free to ask anytime.

    Wolfy and Brain (^_^)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Logo and Nav bar aligning problem’ is closed to new replies.