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

Fixed menu

Discussion in 'Basic Support Forum' started by ziga, Jun 26, 2019.

  1. ziga

    ziga New Member

    I bought this headers yesterday. I like them all, but header style 6 I like the most.

    https://pohistvo.splet99.si/

    It looks great, but unfortunately, not so good when scrolling down
    http://prntscr.com/o6y330

    is it possible to have it switch to full width for the fixed menu?

    also, menu links are aligned left, no matter what I choose in the setting :(
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Not sure the reason why it did that. But here's a quick fix. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  3. ziga

    ziga New Member

    thank you, fixed menu css works great.

    but code for center looks weird. Is it possibe to center of the entire red row?
    http://prntscr.com/o7sdx0

    also center fix alignmen is also spreading to my fixed sticy menu which should always be centered?
    http://prntscr.com/o7sg5t

    thank you!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not possible. It's because the row width is just the highlighted area below. So it's not possible to align it based on the width of the screen.
    **For the red background, we made it possible using pseudo CSS element with absolute positioning trick. It’s not possible to do that for the menu module in the row.

    upload_2019-6-28_21-52-54.png

    I would recommend it to be right aligned to make it look neat & make it all center during sticky. Refer below for the solution.
    Try to additionally add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. ziga

    ziga New Member

    I understand and I agree with your solution, however, the code is not working for me. menu is always left aligned. it is also set to right align in divi settins.

    I'd like to have the menu here
    http://prntscr.com/o8x33q

    and sticky menu here
    http://prntscr.com/o8x3cz
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems like you did not add the custom CSS in the second post. I'll post it below again:

    Additionally add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  7. ziga

    ziga New Member

    I thought I need to change it not add it.
    works great now, thank you!!
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now