1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved 2 issues that I can't help myself out

Discussion in 'Get Help On Divi Wordpress' started by Elshir, Feb 12, 2020.

  1. Elshir

    Elshir Member

    1. AD Easily create popups / overlays for your Divi site: https://divi.help/link-forums/divi-overlay.144/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's because you have custom CSS margin top for the main-content.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    #main-content {
        margin-top: 0!important;
    }
    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et-db #page-container #et-boc nav ul li a {
        color: #fff!important;
    }
     
  3. Elshir

    Elshir Member

    Thank you very much!
    And I didn't add any margin code on my custom CSS...where could I delete that?
     
    1. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Upon further checking, it's in the Divi Theme Builder custom header. There's a code module with the main-content margin CSS.
     
  5. Elshir

    Elshir Member

    yea and i saw that but i've checked every settings in my custom header and didn't find any margin setting.....It's confusing..
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    In your WP Admin > Divi > Theme Builder > Global Header, there's a code module in the second column.

    Try to go to the Code Module settings & you will see the below content:

    upload_2020-2-13_11-11-46.png

    Highlighted is the #main-content margin CSS.
     
    Elshir likes this.
  7. Elshir

    Elshir Member

    Thanks alot!
    I've fixed it ..
    But I can't center my home page's element that under my first fullscreen image...Can you check for me please!~~
     
    1. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go to the Row Settings & set the max-width to be 960px
     
    Elshir likes this.
  9. Elshir

    Elshir Member

    what a life saver!
     
    1. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  10. Elshir

    Elshir Member

    I've noticed that on my console log shows some error about divi and menu is unclickable on MOBILE...
    upload_2020-2-14_0-27-49.png
    Is that because I'm using Bootstrap?
    If so...
    Why they conflict?
     
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps it's your cache plugin issue. Try to disable your cache plugin & see if it works.
     
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  12. Elshir

    Elshir Member

    I tried disable my cache plugin and the same error show, but If I delete Bootstrap script code from my page then everything back to normal...
     
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps it's due to the 'jquery' code in your Bootstrap script code.
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  14. Elshir

    Elshir Member

    I've found out that if I add a script code to head of my blog on divi theme options, every toggle on my site will not be able to click anymore.... Why?
     
  15. Divi.Help

    Divi.Help Administrator
    Staff Member

    Meaning there's some issues with your code.
     
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/
  16. Elshir

    Elshir Member

    this is what i added to head:
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <div class="loading-wrapper">
    <div class="loading">
    <div class="loading-text">
    <span class="loading-text-words">D</span>
    <span class="loading-text-words">I</span>
    <span class="loading-text-words">S</span>
    <span class="loading-text-words">T</span>
    <span class="loading-text-words">A</span>
    <span class="loading-text-words">N</span>
    <span class="loading-text-words">C</span>
    <span class="loading-text-words">E</span>
    </div>
    </div>
    </div>

    <script>
    $(window).on("load",function(){
    $(".loading-wrapper").fadeOut("slow");
    });
    </script>
    Is there something wrong?
     
  17. Divi.Help

    Divi.Help Administrator
    Staff Member

    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  18. Elshir

    Elshir Member

    If I remove that I will lose function of:
    <script>
    $(window).on("load",function(){
    $(".loading-wrapper").fadeOut("slow");
    });
    </script>

    which means when you open this site it will go infinite loading screen... please help me ... its so annoying
     
  19. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to replace the above with:
    Code:
    <script>
        jQuery(function($){
            $(window).on("load",function(){
            $(".loading-wrapper").fadeOut("slow");
            });
        });
    </script>
     
    1. AD Tons of premade layout & section designs + functionalities for your Divi site: https://diviultimate.com/
  20. Elshir

    Elshir Member

    OHHHHHHHHHHHHH!
    YOU DID IT !!!!
    THANK YOU SOOOO MUCH!!

    One last thing I wanna ask please!!
    https://www.distance.best/distance-plugins-manager/
    on this page why the bottom element won't centered on mobile?
    It function well on pc and tablet.