How to make ‘Clear All’ and ‘LPDP’ below the main menu?

  • Resolved rafi1864

    (@rafi1864)


    3 years, 1 month ago

    When you search a criteria, ‘clear all’ and ‘(chosen criteria)’ will be displayed. But, when you hover at ‘LPDP’ in the main menu, ‘clear all’ and ‘(chosen criteria’) always in at the top of main menu. How to make those displayed below main menu? To ease you, here is its screenshot: https://ibb.co/NFYHrnt

    • This topic was modified 3 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi, @rafi1864:

    The element that wraps those links, .woof_products_top_panel, has z-index set to 99. However, the header containing your menu is at z-index 10.

    If you assign a HIGHER z-index to the header or menu (greater than 99), then it should render “on top of” the “Clear All” and filter links.

    Thread Starter rafi1864

    (@rafi1864)

    How to change those values, sir Iron? I am a completely newbie, here.

    Hi, @rafi1864:

    Ah, okay, then you will get to learn a bit about CSS and customizing WordPress ?? If you would like some good “where to start” information about WordPress, then check out this article:

    New to WordPress – Where to start

    —

    If you are already familiar with the themes concept and some CSS, then read on…

    First I would recommend checking if your active theme has customization controls. Check your theme’s settings for “Additional CSS” or “Customize CSS”. These settings might be under the Appearance menu in WP admin.

    If the theme doesn’t have a custom CSS field, then you can try WordPress’s built-in Theme Customizer. See the following support article to check if your theme supports this:

    Appearance Customize Screen

    If you can use the customizer, then add your CSS to the “Additional CSS” field. Make sure to save your settings to publish the changes.

    Regarding the CSS code to add, give this a try:

    .header, .header-wrapper {
    z-index: 100;
}

    This positions the header bar one step above the controls you want to hide.

    —

    Worst case, if your theme does NOT support customization or the Theme Customizer, then you may need to update your theme’s CSS. Also note that some theme authors (where you got your theme) might be able to provide customization support.

    Theme development is a very expansive topic. Before starting, I would recommend you back up your website and database, before you begin to edit any files.

    If you are feeling brave and would like to learn more about theme development, here are some links to get started:

    Best of luck!

    Thread Starter rafi1864

    (@rafi1864)

    Hi Iron.It works like a charm! Thank you very much for your help!

    Thread Starter rafi1864

    (@rafi1864)

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make ‘Clear All’ and ‘LPDP’ below the main menu?’ is closed to new replies.

Tags