Okay
  Public Ticket #876276
Sticky Menu: Search Bar Visible and the Menu Titles Not Displayed
Closed

Comments

  •  1
    Mannix started the conversation
    August 30, 2016 at 6:02pm

    Hello,

    I would like to ask if on the menu, upon scroll, it will only be the Search Bar that will appear and the menu labels will not be displayed. Can you help me with this? The reason is for optimizing the search capability offered to the visitor as he/she navigates through the website.

  • [deleted] replied
    September 2, 2016 at 5:30pm

    Hi Mannix,

    Can you please add the following custom CSS:

    .sticked #menu-main-menu,
    .sticked .cart-counter {
        opacity: 0;
    }
    To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).

    This should work for you.

  •  1
    Mannix replied
    September 7, 2016 at 5:48am

    Thank you! All good now. How do I make the search bar appear completely and not just the icon, though, on scroll? Can it be done? I'd like for it to appear as a bar on scroll and make it so visible and apparent to the visitor. 

  • [deleted] replied
    September 7, 2016 at 12:48pm

    Hi Mannix,

    Our support don't offer this level of customisation services but i will help you this time only.

    Can you please add the code below to Custom CSS

    header.site-header.sticked .header-widgets .search-form .search-input-env {
    visibility: visible !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}