Header/ menu hover 2018-02-20T17:54:54+00:00

homepage Forums Almaak Header/ menu hover

Viewing 15 posts - 1 through 15 (of 33 total)
  • Author
    Posts
  • Japileinchen
    Participant
    Post count: 61

    Hi!

    Is it by design that the hover on fullwidth header isn’t working?

    Hover effect works fine when I switch to default header but not when I choose fullwidth.

    Cheers!

    Japileinchen
    Participant
    Post count: 61
    This reply has been marked as private.
    Studio Radiuzz
    Keymaster
    Post count: 1124

    Hi there

    Hm… how and where can i test it on your website?

    Japileinchen
    Participant
    Post count: 61
    This reply has been marked as private.
    Studio Radiuzz
    Keymaster
    Post count: 1124

    Howdyy

    Are you talking about this css?

    .style4-right-menu .mega_main_menu .mega_main_menu_ul > li > .item_link:hover {
    color: #e00000;
    }

    Japileinchen
    Participant
    Post count: 61

    Perfect! Adding that CSS fixed the hover!

    Japileinchen
    Participant
    Post count: 61

    Hi!

    I tried to add this same CSS to my other site but the hover doesn’t seem to work (I’m using the same header for testing ATM).

    Why the selection on the Almaak Options -> Style setting -> Menu color don’t have any effect on how the meny hover behaves?

    Shouldn’t that be where the whole hover/ active link color is selected, instead of inserting custom CSS?

    Also, how do I remove the white border that is around the menu ‘boxes’?

    Cheers

    Japileinchen
    Participant
    Post count: 61
    This reply has been marked as private.
    Japileinchen
    Participant
    Post count: 61

    To clarify a bit more: the hover / active page colors don’t work when I first arrive to page, but they work when I scroll down and when the sticky menu appears.

    Studio Radiuzz
    Keymaster
    Post count: 1124

    HI

    I used this css to fix menu hover color:

    .style4-right-menu .mega_main_menu .mega_main_menu_ul > li > .item_link .item_link_content:hover {
    color: #d0d0d0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }

    Don’t know why its not working from options panel, its working in my installation, don’t really have to drill down this situation right now, but i created marker on this

    Japileinchen
    Participant
    Post count: 61

    ok cool, thanks!

    Japileinchen
    Participant
    Post count: 61

    Any idea why there is the white border around the header / menu?

    Studio Radiuzz
    Keymaster
    Post count: 1124

    hi

    Well, its designed like that 🙂
    if you want to hide it use this CSS:

    .style4-right-menu.almaak-layout.header {
    border: 0px solid rgba(255, 255, 255, 0.2);
    }
    .style4-right-menu .header-right-area {
    border-left: 0px solid rgba(255, 255, 255, 0.2);
    }

    Japileinchen
    Participant
    Post count: 61

    Alright, cool! Would be a good idea to have an option to disable the border direct from the theme options! 🙂

    Studio Radiuzz
    Keymaster
    Post count: 1124

    If I’m not wrong it should have such thing 😀 😀 😀

Viewing 15 posts - 1 through 15 (of 33 total)

You must be logged in to reply to this topic.