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 Nav search icon responsiveness question

Discussion in 'Free Divi Community Forum' started by chris r, Aug 9, 2019.

  1. chris r

    chris r Member

    Hi,

    Per the screenshot, when our nav menu pushes into the logo on the left and bleeds on to a second row, the search icon doesn't appear at the end of the menu. It's further down on the right under the nav.

    Is there a way I could address this with CSS so the search still appears at the end of the menu? Screen Shot 2019-08-09 at 11.40.35 AM.png
     
    #1 chris r, Aug 9, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help, Aug 9, 2019
  3. chris r

    chris r Member

    Unfortunately, it's not public right now...
     
    #3 chris r, Aug 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. chris r

    chris r Member

    I did see articles online that this is a known issue. The attached screenshot shows that any time the nav text in the menu wraps, the search icon moves way down...

    Any workarounds for this?
     
    #4 chris r, Aug 10, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just checked & found that they are from different container. So you couldn't make the search icon to be end of menu.

    One of the workarounds is to make the search icon always stay at the same position. Try the below CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help, Aug 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  6. chris r

    chris r Member

    BEAUTIFUL! Thanks so much, this worked perfectly! :)
     
    #6 chris r, Aug 12, 2019
(You must log in or sign up to post here.)