Okay
  Public Ticket #2329032
Slider Over Transparent Menu
Closed

Comments

  • Ryan Brennan started the conversation

    Hi!

    So on my homepage, I love how the slider fits over the transparent menu and how there's a search bar icon.

    When I move to another page, I can't seem to get the slider to fit over the main menu like it does on the home page.

    I also don't see an option to keep the search bar icon there for all pages.

    Any help would be appreciated.

  •  1,692
    Andrey replied

    Hello, Dear Ryan!

    We can create the search bar icon there for all pages, but please send us one more time the correct login and password for WP Dashboard.

    Best Regards!



  • Ryan Brennan replied

    Hi!

    Thank you for your reply. Will it also make the slider go full screen instead of having the gray area over the menu?

    https://www.kualityx.com/wp-admin

    Username: [email protected]

    Password: greatness26always

    I appreciate your help with this. This theme is absolutely amazing. 

  •  1,692
    Andrey replied

    Hello, Dear Ryan!

    1. First of all, we did for you the search bar icon on all pages. Please, сheck the results:

    http://prntscr.com/rhr1dv

    http://prntscr.com/rhr24f

    2. In order to apply the Transparency menu on all pages, please use the following code:

    .header_right_buttons .header_phone span {
      color: #ff9933;
    }
    .page_breadcrumbs {
        display: none;
    }
    .ds.page_header {
        -webkit-transition: background 0.2s ease-in-out 0s;
        -moz-transition: background 0.2s ease-in-out 0s;
        -o-transition: background 0.2s ease-in-out 0s;
        -ms-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s;
        background-color: rgba(31, 39, 50, 0.5);
    }
    #header {
      position:fixed;
      z-index:100;
      right: 0;
      left:0;
    }
    .page_header.affix [class*="container"] {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #1f2732 !important;
    }
    

    Best Regards!

  • Ryan Brennan replied

    Hi, before I apply that code to the theme for transparent header, where do I put it? I want to make sure I put it in the right spot.

  •  1,692
    Andrey replied

    Hello, Dear Ryan!

    Please click WP Dashboard => Appearance => Customize => Additional CSS.

    Best Regards!

  • Ryan Brennan replied

    Thank you so much!