Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1335370
mobile menu
Closed

Comments

  •  1
    franziskakuppe started the conversation

    Hey,

    when clicking a link in my mobile menu, my one-pager scrolls to the clicked link, but the menu doesn´t "hide" in it´s burger design. Instead, the menu stays open and covers the site. I want the menu to g o back to "burger" design after a menu point has been clicked. How can I do that?

    And, even after disabling the top area, there´s still my facebook icon in the mobile top area. How can I disable it?

    Regards

  • [deleted] replied

    Hi,

    1. We try to fix this bug with menu in future theme update.

    2. Please add some screenshot. Where is facebook icon?

  •  1
    franziskakuppe replied

    Hi Max,

    I attached two screenshots and I´m lokking forward for the next update. Do you already know, when that will be?

    The facebook icon is gone now, so one problem solved ;-)

    One more question: How can I change the blue color of the mobile menu? (see screenshot)

    Regards

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    .site-header-wrapper .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, .site-header-wrapper .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a{
        border-left: 4px solid #e25990;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  1
    franziskakuppe replied

    Hi,

    I tried, but it´s not working.

    Maybe, because of the other code in my CSS:

    #page-preloader .page-preloader-spin {
        border-top-color: #e25990;
    }
    #page-preloader .page-preloader-spin:before {
        border-top-color: #8d4585;
    }
    #page-preloader .page-preloader-spin:after {
        border-top-color: #e25990;
    }

    .site-header-wrapper .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, .site-header-wrapper .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a{
        border-left: 4px solid #e25990;
    }


    Regards

  •  7,092
    Oliver replied

    Hi,

    Try this

    .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, 
    .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a{
        border-left: 4px solid #e25990;
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  1
    franziskakuppe replied

    Hi,

    still doesn´t work. It´s still blue, instead of pink.

    Do you have another solution?

    Regards

  •  7,092
    Oliver replied

    Hi!

    Pls. clean your browser cache

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  1
    franziskakuppe replied

    Hi,

    thanks! It works now :-)

    Regards

  •  7,092
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver