Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #169884

    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

    #169908

    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

    #170163

    Hey!

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

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

    Cheers!
    Ismael

    #170164

    Hey!

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

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

    Cheers!
    Ismael

    #170336

    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

    #171458

    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

    #171530

    Hi Josue,

    that´s it. Thanks a lot! :)

    Best regards.

    Bruno

    #171549

    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

    #171555

    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

    #171715

    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

    #171763

    Hi Josue,

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

    Best regards
    Bruno

    #171765

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

    Regards,
    
Josue

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

The topic ‘Enfold – Phone Info’ is closed to new replies.