1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Menu > how to put a widget next to the menu and not below it

Discussion in 'Free Divi Community Forum' started by gaetan, Jun 24, 2019.

  1. gaetan

    gaetan Member
    Pro Member

    Hello,
    Currently, I have a search widget below the menu, and I want to know if it's possible to put it next to the menu?
    Thanks! :)
     

    Attached Files:

    #1 gaetan, Jun 24, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help, Jun 24, 2019
  3. gaetan

    gaetan Member
    Pro Member

    #3 gaetan, Jun 24, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems to be quite hard to do exactly what you want to achieve.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    **The only thing is that the menu is align to the left, not right. It's doesn't seem possible to move all the menu items + cart icon to align properly to the right.
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Jun 25, 2019
  5. gaetan

    gaetan Member
    Pro Member

    Thanks, it works.
    However, is it possible to center the menu?
    And when you scroll, the header "jumps".
     
    #5 gaetan, Jun 25, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just found out that you can actually do that as well:
    Code:
    Log In or Sign Up to view this code.
    The search bar is causing the issue. Try the below:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help, Jun 25, 2019
  7. gaetan

    gaetan Member
    Pro Member

    It's working ;)
    On the other hand, on a mobile it's not good.
    The site is not yet optimized for mobile. Maybe I should make a menu especially for mobile phones?
     
    #7 gaetan, Jun 25, 2019
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems like your hamburger menu is the same color as background. Use the below CSS to fix it.
    Code:
    Log In or Sign Up to view this code.
    As for the padding of the search, you can use the below:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, Jun 25, 2019
  9. gaetan

    gaetan Member
    Pro Member

    Maybe I need to remove the mobile search widget.
    Is your code okay?

    #wtfdivi003-widget-area-wrap {
    padding-bottom: 26px;
    }

    #wtfdivi003-widget-area-wrap {
    padding-top: 37px!important;
    padding-bottom: 20px !important;
    }

    There are two times "padding-bottom" with two different values
     

    Attached Files:

    #9 gaetan, Jun 25, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    That's fine. One is for desktop only (with important tag). The other one is for mobile.

    To hide the search in mobile, use the below CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #10 Divi.Help, Jun 25, 2019
  11. gaetan

    gaetan Member
    Pro Member

    Okay, thank you.
    I'll come back if I have any problems.
    Thank you for your speed and the quality of the answers.
     
    #11 gaetan, Jun 25, 2019
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
(You must log in or sign up to post here.)