1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Adding Cart and padding of menu

Discussion in 'Basic Support Forum' started by Alex Griffith, Mar 1, 2018.

  1. Alex Griffith

    Alex Griffith New Member

    Hi There,

    I am having a little trouble trying to add a cart to my header. I wanted to add this above the search bar if possible in a similar way to the example on the right hand side of this screen shot (my header is on the left and I am just trying to replicate the example on the right). This is the site https://dev.thechinaman.co.uk/

    Also I would like to reduce the padding in the navigation so that the screen size can be reduced a little without the menu dropping onto 2 lines. I saw some code on a previous post on the forum asking for similar but tried the code and I couldn't get it to work?


    Code:
    Log In or Sign Up to view this code.
    Thanks in advance for your help
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

  3. Alex Griffith

    Alex Griffith New Member

    That code is great thanks and I will have a look at the plugin.

    Thanks for your help
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Alex Griffith

    Alex Griffith New Member

    Hi there, Going back to my menu I have recently added a dropdown section which now doesn't seem to show up and the arrow appears over the menu heading. I can see that the dropdown is working but seems to be within the fullwidth menu block and not above all other content. See screen shots attached

    Thanks
     

    Attached Files:

  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Can you share your link?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to add this CSS to solve the arrow issue:
    Code:
    Log In or Sign Up to view this code.
    As for the missing sub menu, you accidentally added overflow: hidden; for the section of the menu. Go to the section settings of the menu -> custom CSS -> main element & delete the overflow: hidden;
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  7. Alex Griffith

    Alex Griffith New Member

    Thanks for the help. the code has worked perfectly. Only issue is I don't recall adding in overflow: hidden; and I have had a look and can't see this in my Menu section custom CSS, see screen shot attached. Unless I am looking in the incorrect place?
     

    Attached Files:

  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not the menu settings.

    You need to go to the section settings.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  9. Alex Griffith

    Alex Griffith New Member

    Nothing changed there?
     

    Attached Files:

  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That was weird. Try to add this css to the Main Element of the custom CSS
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  11. Alex Griffith

    Alex Griffith New Member

    Perfect thanks.