Menu not collapsing (hiding) after anchor click

  • Resolved mraznicadesign

    (@mraznicadesign)


    5 years, 3 months ago

    Hi there,

    I am using Oblique child theme and Elementor and facing a great problem.
    My front page has a few anchor links and the menu doesn’t hide after clicking these links (the page scrolls in the background).

    This is a major issue in the responsive mode, especially because my menu icon (3 bars) also disappears so you can’t even close the menu.

    I would appreciate any help!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter mraznicadesign

    (@mraznicadesign)

    This one is closed with a jQuery code
    <script type=”text/javascript”>
    jQuery(document).ready(function ($) {
    $(‘.widget-area .slicknav_menu li a’).click(function(){
    $(‘.sidebar-nav’).collapse(‘hide’);
    });
    });
    </script>

    Hello! Sorry for the not related question.
    @mraznicadesign your site looks great. Can you share how did you make the header container semi-transparent? Thank you!

    Thread Starter mraznicadesign

    (@mraznicadesign)

    Hi @cristipaltin thank you for the compliment!
    I just addressed the SVG and changed its color in CSS (using the scale of the color editor to add transparency):

    .svg-block {
    fill: #1c1c1cb5;
    }

    Than you for sharing! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu not collapsing (hiding) after anchor click’ is closed to new replies.