Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #23125

    Logo over Sliider Effect Almost Solved

    Help Help Help Please! I have darn near every theme, this one Rocks. I have figured out a css solution for overlaying the logo, but I am burnt out and can not find the code to move the menu under scores up – please see it’s hugely important that I find an answer because A it is diving me mad and B The store is connected to a show premiering on Style Network that has a ton of Press. The site has to come together in the next 24 hours. Plus to boot they are friends and live 3 blocks up the street.

    The thin gray line and the nav function that produces cool purple underscore either needs to move up to the on top of the slider or be gone.

    Here is the css I used to get there. If you need the logo over slider effect then you will want to change this to your desired height and width within the css

    #header_main .container, .main_menu ul:first-child > li a{ height:150px; line-height: 88px; }

    #header {

    background-color: transparent;

    position: relative;

    height: 88px;

    width: 100%;

    z-index: 400;


    .main_menu {

    clear: none;

    height: 100%;

    line-height: 30px;

    height: 88px;

    margin: 0;

    position: absolute;

    right: 0;

    z-index: 100;


    .logo img {

    display: block;

    height: auto;

    max-height: 100%;

    padding: 0px 0;

    width: auto;


    .title_container .main-title {

    font-size: 16px;

    font-weight: 400;

    line-height: 2.3em;

    margin: 0;

    min-height: 36px;

    position: relative;

    top: 0;

    left: 200px;

    z-index: 2;




    1.) Move or remove the menu underline.

    .avia-menu-fx {
    top: 50%;

    Adjust the top position.

    or to remove it entirely

    .avia-menu-fx {
    display: none;



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

The topic ‘Logo Overlap Solution (not test on mobile) But important nav question – Logo ove’ is closed to new replies.