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 How to make a global section (footer) overlap vertical nav? THANKS!

Discussion in 'Free Divi Community Forum' started by DiviDudester, Jul 15, 2018.

  1. DiviDudester

    DiviDudester New Member

    Quick question... much appreciated!

    I'm using the vertical nav on a boxed layout. For a footer, I am using a global section as well as the bottom footer and footer nav. I would like the footer to overlap the vertical nav. I'm guessing this is going to take some CSS magic. And I'm awful at that.

    Thanks so much!

    TL;DR: How can I make a global section (used as a footer), the footer nav, and bottom footer overlap the vertical nav in a boxed layout?
     
    #1 DiviDudester, Jul 15, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Maybe set footer width as 100vw. This will make your footer width to be 100% screen width. You might need to set negative left margin to make the footer start from the left screen.
     
    #2 Divi.Help, Jul 16, 2018
  3. DiviDudester

    DiviDudester New Member

    Thanks so much for your quick response! Also, love the site!

    I have a very rudimentary understanding of CSS in regards to Divi. I'm in the boxed layout and I want the Global section to overlap the vertical menu. So I go to the main element CSS.

    I think the "width: 100vw" is the right direction. But after that I have no idea. I tried using a left-margin - in pixels and percentages but couldn't get it to fit right.

    I found these directions, however, I am not interested in the Header. Also, they seem pretty intense. Like I said, I'm no CSS wiz, but what do you think: https://www.askdivi.com/question/setup-vertical-navigation-fullwidth-header-footer

    I guess I could give the global section a CSS class of #main-footer .... but doesn't that seem like a lot?

    This si driving me insane! Thanks so much for your help!
     
    #3 DiviDudester, Jul 16, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your link.
     
    #4 Divi.Help, Jul 16, 2018
  5. DiviDudester

    DiviDudester New Member

    It's local right now. Is this not a standard thing? I'll get it up in the next day....
     
    #5 DiviDudester, Jul 17, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    #6 Divi.Help, Jul 17, 2018
  7. DiviDudester

    DiviDudester New Member

    Thanks! I'm gonna give it a whirl. I wound up going in a different direction when I didn't hear back.
     
    #7 DiviDudester, Jul 27, 2018
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  8. DiviDudester

    DiviDudester New Member

    BRILLIANT! Thank you so much, man!
     
    #8 DiviDudester, Jul 28, 2018
(You must log in or sign up to post here.)