Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 3, 2013 at 12:28 pm #169884
    IndikatorDesign

    Hi,

    at the phone-info on top I´ve made a transition hover effect with a background-color.

    Since the last update, you see the border during the background. I´ve tried to fix it with z-index but it doesn´t work. Do you have any idea?

    Best regards
    Bruno

    October 3, 2013 at 1:16 pm #169908
    IndikatorDesign

    And I have another problem with the nav-items…

    I want to add a hover effect with blue background. But I can´t set the height of the background-color to 30 px, because the lineheight is set to 200 px for the logo…

    Any idea?

    Thanks
    Bruno

    October 3, 2013 at 11:41 pm #170163
    Ismael

    Hey!

    1.) You can add this on your custom.css or Quick CSS:

    #header_meta {
z-index: 9999;
position: relative;
}

    Cheers!
    Ismael

    October 3, 2013 at 11:41 pm #170164
    Ismael

    Hey!

    1.) You can add this on your custom.css or Quick CSS:

    #header_meta {
z-index: 9999;
position: relative;
}

    Cheers!
    Ismael

    October 4, 2013 at 7:47 am #170336
    IndikatorDesign

    Hi Ismael,

    nice, it works. Thanks a lot…!

    Any idea how to fix the background height of the nav items during hover them? I need a max height of 30 px…

    Best regards,
    Bruno

    October 7, 2013 at 5:36 am #171458
    Josue

    Hey Bruno!

    Try with this CSS code:

    .main_menu{ 
top: 85px;
}
.main_menu .menu > li > a {
height: 30px !important;
line-height: 30px !important;
}
.header-scrolled .main_menu{
top: 5px;
}

    Result:

    Regards,
    Josue

    October 7, 2013 at 10:36 am #171530
    IndikatorDesign

    Hi Josue,

    that´s it. Thanks a lot! :)

    Best regards.

    Bruno

    October 7, 2013 at 11:27 am #171549
    IndikatorDesign

    Oh, hi Josue,

    now I see that there is a issue with the Menu-Items. If you scroll down, they stay at the same position till the navbar is at the smallest point. Then the Nav-Items jump to the right position.

    Any idea?

    Best regards
    Bruno

    October 7, 2013 at 11:57 am #171555
    IndikatorDesign

    This seems to fix it well, but there is a little jump at the end of the scrolling, because the main_menu doesn´t stay exactly at the percentage-value. Any idea?

    .main_menu{
    top: 45%;
    }
    .main_menu .menu > li > a {
    height: 30px !important;
    line-height: 30px !important;
    }
    .header-scrolled .main_menu{
    top: 12%;
    }

    Regards

    October 7, 2013 at 5:19 pm #171715
    Josue

    Hello!

    Here’s a workaround:

    #header_main .container{
display: table;
}
#header_main .main_menu{
display: table-cell;
vertical-align: middle;
position: static;
}
#header_main .main_menu .avia-menu{
float: right;
}

    Cheers!
    Josue

    October 7, 2013 at 7:13 pm #171763
    IndikatorDesign

    Hi Josue,

    you are my personal hero again…! Now it works very nice! Thanks a lot!

    Best regards
    Bruno

    October 7, 2013 at 7:15 pm #171765
    Josue

    You are welcome, glad we could help Bruno, let us know if you have any more questions or issues :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Enfold – Phone Info’ is closed to new replies.