Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #15493

    Hi,

    What CSS do I need to centre the logo & have the menu centred below it?

    Thanks

    #87732

    Hi RSL,

    Just add this code to your Quick CSS:

    For the logo to be centered:

    h1.logo {
    left: 50% !important;
    margin-left: -59px !important;
    }

    Just adjust the margin-left value(to negative 50% of the actual width of the image, in this example, the width of the image is 118px)

    For the menu:

    .main_menu {
    margin-left: 260px;
    position: relative;
    top: 0;
    }

    If this doesn’t work, try to use this code instead:

    .main_menu {
    margin-left: 260px !important;
    position: relative !important;
    top: 0 !important;
    }

    Just adjust the margin-left value, to make sure it is centered, we can’t center the menu automatically, so just adjust it so it can be centered. Hope this helps. :)

    Regards,

    Ismael

    #87733

    Hi,

    Thanks for the reply, it helped but I had to change the ‘px’ values to ‘%’ values otherwise in a resized browser the responsiveness would mess everything up.

    This is what worked for me:

    For the logo:

    h1.logo {

    left: 50%;

    margin-left: -82px !important;

    }

    & the menu:

    .main_menu {

    position:relative;

    right:-27%;

    top: 0;

    }

    It’s resolved now. Thanks

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

The topic ‘Logo & Main Menu Position’ is closed to new replies.