1. NEW Divi Block - Experience a whole new way to kick start your Divi site with premade blocks. Try Free version: https://diviblock.com/
This is the support forum for Divi Powerful Child Theme.

To access this support forum, you need to purchase Divi Powerful Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Change breakpoint & styling of mobile menu

Discussion in 'Basic Support Forum' started by Eugenia, Jan 26, 2021.

  1. Eugenia

    Eugenia New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi there,
    I have two issues and kindly ask for help. (I am using Powerful Child Theme and... I thin it was header #2)

    Page http://dev.maile-immo.typogenia-webdesign.de
    Password: immo21

    1) I need the main menu to shrink to mobile view earlier than right now
    2) when mobile view is active I have massive white space in my header container. Do you know how to remove this?

    Thanky you in advance!
     

    Attached Files:

    1. AD Beautify your Divi archive / category page with premade design: https://archive.diviultimate.com/
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Try the below:
    1. Go to Theme Customizer -> Header & Navigation -> Header Format -> Header Style -> Choose 'Slide In' or 'Fullscreen'
    2. Then paste the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (max-width: 1320px) {
        .free-sticky {
            display: none!important;
        }
        #page-container #main-header, #page-container #top-header {
            display: block!important;
        }
        body #page-container {
            padding-top: 80px!important;
        }
    }
    **You may need to adjust some values to fit your need.
    Seems to be your custom CSS issue. To fix it, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_svg_logo #logo {
        height: 90%!important;
        max-width: 100%!important;
    }
    .et_header_style_left #page-container #et-top-navigation {
        padding-top: 24px!important;
    }
    **You may need to adjust some values to fit your need.
     
  3. Eugenia

    Eugenia New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I love you guys! :) perfect for me!
     
    1. AD A new way to kick start your Divi sites with premade blocks. Try Free version: http://diviblock.com/