To insert code use <code>...</code>.
Logo Centralised in the Header and Navigation to go across
  • Vote Up0Vote Down kpsinghkpsingh
    Hi,

    How to I bring the Logo in the centre, but at the top of the navigation. And the navigation to spread across the width
    Any help?

    Something like this: http://ece-rmc.ca/

    I would be really helpful for assistance. Please Note: I am not at all a Coder, but a Designer. Although I know like 5% of coding :p
    Sorry for the trouble!

    Regards,
    K
  • 3 Comments sorted by
  • Vote Up0Vote Down kpsinghkpsingh
    Another Example, but the logo is sandwiched by the navigation: http://www.evb.com/
  • Vote Up0Vote Down BackuPsBackuPs
    Hi,

    The first website uses this custom css code


    #logo, #logo_text {
    position: absolute;
    left: 120px;
    }
    #navigation {
    right: 100px;
    bottom: 0;
    position: absolute;
    height: 45px;
    }
    #navigation > ul > li {
    height: 47px;
    }
    .jqueryslidemenu ul li ul li a {
    width: 110px;
    padding: 5px 15px 7px;
    margin: 0;
    }


    the only thing left todo is put in a background image in the header to match those settings and/or adjust the settings so it looks like the menu is on a menu bar.

    just put the custom css code into the striking general custom css field.

    need i say that if your logo, header background image are different or your menu smaller or bigger then you need to adjust the above css code to match those.

    Best regards,
    Striking Team
    Paul
  • Vote Up0Vote Down kpsinghkpsingh
    Thanks Paul!

    You're a Star!!
This discussion has been closed.
All Discussions