1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Header Style #7 - Menu over color white & Current item color

Discussion in 'Basic Support Forum' started by SevenWM, Feb 26, 2020.

Page 1 of 4
  1. SevenWM

    SevenWM Member

    I am customizing the header style 7, I would like to have the same menu over color white and the same current item color red ad in the demo, (see the arrows screenshot)
    Thanks
     

    Attached Files:

    #1 SevenWM, Feb 26, 2020
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For the hover style, you can set it in Theme Customizer > Divi Ultimate Header Plugin > Choose your custom menu hover style and Menu Hover Main Color / Text Color

    As for the active link color, if you only want to set it for the submenu, then try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **Change the color code to fir your need.

    Otherwise, you may just set it in the Menu module settings > Design tab > Links > Active Link Color

    Let me know if I answered your questions correctly.
     
    #2 Divi.Help Pro Support, Feb 27, 2020
  3. SevenWM

    SevenWM Member


    Ok i solved with your code, I have just 2 problem still:

    1. Attached 1.jpg
    Menu regular is ok

    2. Attached 2.jpg PROBLEM
    When I test the responsive, the menu looks in bad way (it starts at 1103x498)

    3. Attached 3.jpg
    Menu responsive is ok

    4. Attached 4.jpg PROBLEM
    When i go back to the Menu regular position, the menu looks with different position (see the yellow arrow in the attached image).
    In this way if I scroll down and up again, it return in a good position

    How to solve it?
    Thanks
     
    #3 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #4 Divi.Help Pro Support, Feb 28, 2020
  5. SevenWM

    SevenWM Member

    ps. please don't make this post visible to everybody
     
    #5 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS to fix the overflowing issue:
    Code:
    Log In or Sign Up to view this code.
    **Already removed your URL as well.
     
    #6 Divi.Help Pro Support, Feb 28, 2020
  7. SevenWM

    SevenWM Member

    this works to fix the overflowing issue even if the social media section doesn't appair
     
    #7 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not quite sure what you meant. Is there any other issues you're having?
     
    #8 Divi.Help Pro Support, Feb 28, 2020
  9. SevenWM

    SevenWM Member

    ps. yes but I don't want show the attached files too ;)
     
    #9 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Done removing your attached files.
     
    #10 Divi.Help Pro Support, Feb 28, 2020
  11. SevenWM

    SevenWM Member

    this is solved

    I have still this problem
     
    #11 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not able to replicate this issue. Kindly elaborate more on how you got that.
     
    #12 Divi.Help Pro Support, Feb 28, 2020
  13. SevenWM

    SevenWM Member

    1. first step: reduce the window to simulate the screen of the tablet
    2. second step: come back to the original screen, in this moment there is the problem, the nav menu of the header it remain up the image, attached screenshot
     

    Attached Files:

    #13 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Tried to resize on desktop browser & it looks fine.

    Tried to view on iPad mini (landscape & portrait view) & it looks fine as well.
     
    #14 Divi.Help Pro Support, Feb 28, 2020
  15. SevenWM

    SevenWM Member

    the resizing it's ok, the problem is when you coming back to the point 1. the nav bar orange looks like on the attached Screenshot 2020-02-28 at 3.40.28 PM.jpg while it should be Screenshot 2020-02-28 at 3.40.16 PM.jpg, did you see the difference?
     
    #15 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  16. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You mentioned that: the problem is when you coming back to the point 1
    Are you saying that: after you scroll down & scroll back up?

    I recorded a video to show it in action: https://recordit.co/Hcp8N6dM9q
    **It seems to work fine.
    **I removed your logo & content in the video.
     
    #16 Divi.Help Pro Support, Feb 28, 2020
  17. SevenWM

    SevenWM Member


    I record too
    https://recordit.co/gI3kqWUXd3

    now is probably more clear
     
    #17 SevenWM, Feb 28, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  18. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #18 Divi.Help Pro Support, Feb 28, 2020
  19. SevenWM

    SevenWM Member

    I tried and nothing change, I noticed this happen just with safari, firefox and crome is ok
     
    #19 SevenWM, Mar 2, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  20. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Don't have a Mac to test.

    Added some other CSS & see if it helps:
    Code:
    Log In or Sign Up to view this code.
     
    #20 Divi.Help Pro Support, Mar 2, 2020
(You must log in or sign up to post here.)
Page 1 of 4