Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2020 at 7:31 am #1194320
    spirhid101

    Support,

    Is it possible to achieve this kind of menu in your theme? also any advice on that of button effects they use, is there a plugin for that or I have to manually deal with the css.
    https://www.wadiadventure.ae

    Regards,
    Phil

    March 19, 2020 at 1:07 pm #1194407
    Rikard

    Hey Phil,

    There’s nothing like that in the theme by default unfortunately, the closest thing would be to use the mega menu option.

    I’m not sure exactly what they are using for that effect, but I’m guessing it’s a CSS animation.

    Best regards,
    Rikard

    June 9, 2020 at 9:19 am #1220780
    spirhid101

    Hi Mike,

    the css code you gave me does not work in layer slider button.
    created a .rev-btn class for a single button on layerslider.
    the button does not move up and down

    @keyframes fade {
    from { top:40px; }
    50% { top:50px; }
    to { top:40px; }
    }

    @-webkit-keyframes fade {
    from { top:40px; }
    50% { top:50px; }
    to { top:40px; }
    }

    .rev-btn {
    animation:fade 1000ms infinite;
    -webkit-animation:fade 1000ms infinite;
    }

    June 14, 2020 at 12:07 am #1222412
    Mike

    Hi,
    Sorry for the late reply, I didn’t find the CSS active on your page right now, but when I inject the CSS your button animates.
    So perhaps you have a cache conflict, try clearing your site cache, or your CSS has an error in it such as a missing bracket.
    Try copying all of your custom CSS to WordPress > Customize > Additional CSS this CSS field checks for errors, see if you have any red “X”‘s if so try to repair.
    If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

    Best regards,
    Mike

    June 14, 2020 at 7:07 am #1222450
    spirhid101

    Hi Mike,

    Have some further inquiries:

    1. On hamburger menu, I need to change the color of it only when scrolled on a sticky menu.
    See image link https://ibb.co/F3RmLz5
    A team mate of yours gave me this style
    .html_header_sticky .av-hamburger-inner:before, .html_header_sticky .av-hamburger-inner:after {
    background: blue;}
    but the problem is the hamburger menu color change as well even on without scrolling it down.

    2. Can I add a custom image size on the template? because the image size that I need is not on the list

    Thanks,
    Philip.

    June 14, 2020 at 1:58 pm #1222472
    Mike

    Hi,
    Thanks for the screenshot, there are a couple of ways to determine if the page is scrolled to apply to the burger icon color, depending on your theme settings. So if we could examine the page we could offer a better solution, but with just the screenshot to go by, this css should work.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .header_color:not(.av_header_transparency) .av-hamburger-inner, .header_color:not(.av_header_transparency) .av-hamburger-inner::before, .header_color:not(.av_header_transparency) .av-hamburger-inner::after {
  background-color: blue !important; 
}

    After applying the css, Please clear your browser cache and check.
    If this doesn’t help please include the URL to the page in question so we can take a closer look.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.