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 Header style 12 - close button BG colour + mobile menu size

Discussion in 'Basic Support Forum' started by Joe Evans, Mar 26, 2020.

  1. Joe Evans

    Joe Evans New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi, 2 questions regarding Header Style 12.

    URL: https://rr.wpstage.co.uk/

    1\ How do I make the burger menu icon bigger?

    2\ How do I change the icon (X) colour and background colour of the Close button? See attached.

    Thanks
     

    Attached Files:

    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
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's the Blurb module with the name of Close Icon. See screenshot below:

    upload_2020-3-27_15-15-9.png

    Just need to change the icon color, background color & box shadow color.
     
  3. Joe Evans

    Joe Evans New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thanks for your reply to question 2. I have tried all those settings for hours yesterday before finally giving in and contacting you. Is there anything that could be preventing it from working?

    Also, you didn't respond to question 1.

    Many thanks


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

    Divi.Help Pro Support Administrator
    Staff Member

    Alternatively, you can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Sorry, missed that out.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. Joe Evans

    Joe Evans New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi, thank you for these, they both worked. I actually think I am facing a different problem of changes in the Edit Layout not saving.

    To recreate the issue, please go to Divi> DP-Header> Header Style 12. You can see from the below image what the published header looks like on the front end.

    Screenshot 2020-03-27 at 12.29.15.png

    Now click Build on the Front End, and you will see that the changes are present (e.g. black background, wider CTA button):

    Screenshot 2020-03-27 at 12.30.28.png

    This would explain why your first suggestion for changing the close button icon colour didn't work, but adding the CSS did.

    Would really appreciate your help.

    Many thanks
     
    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

    It's due to the Static CSS File Generation. I click Clear & it works fine now. See screenshot below:
    **If you want, you can just disable it.

    upload_2020-3-27_20-54-50.png