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 Missing Google maps in Safari contact modules

Discussion in 'Basic Support Forum' started by Jan van den Berge, Sep 17, 2017.

  1. Jan van den Berge

    Jan van den Berge New Member
    Divi Ultimate Child Theme

    Attached Files:

    #1 Jan van den Berge, Sep 17, 2017
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I just purge my Litespeed Cache. Kindly check if the issue still persist.

    **I don't have a Mac to test it. I only have iPhone & it looks fine on iPhone Safari.
     
    #2 Divi.Help Pro Support, Sep 17, 2017
  3. Jan van den Berge

    Jan van den Berge New Member
    Divi Ultimate Child Theme

    Tested it but in the desktop Safari browser it's still not showing. I made a screenshot of the site I am building with the three browsers next to each other. I am on a Mac as you already have seen :) Looks like this is only showing in Safari, in Firefox and Chrome all is fine.
     

    Attached Files:

    #3 Jan van den Berge, Sep 17, 2017
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For the missing map issue on Safari, kindly add this CSS code & see if it works:

    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Sep 17, 2017
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    And for the uneven grid issue in Safari, kindly do the following:

    1. Copy & delete the border CSS in blurb Custom CSS.
    grid-bug.png

    2. Then go to the row settings of the blurb module. Paste the border CSS in the respective column Custom CSS.
    **Repeat step 1 & 2 for each blurb module. After that, remember to change the column background color. That's it.
    grid-bug-2.png

    Let me know if it works for you.

    **Quite a number of grid elements are affected. We need to go through one by one & fix it for v3.0.
     
    #5 Divi.Help Pro Support, Sep 17, 2017
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  6. Jan van den Berge

    Jan van den Berge New Member
    Divi Ultimate Child Theme

    This CSS is unfortunately not working, the map is not showing in Safari and the change of the CSS in the blurb seems to be working out but with the second and fourth column of the blurbs the thin white line is disappeared. Also after adding the CSS change to the blurbs the google maps is not showing in Safari. I checked also your demo Gym and Fitness and there the Google maps show up :) but you see in the screenshot there is a white space in the blurbs, all viewed in safari.
     

    Attached Files:

    #6 Jan van den Berge, Sep 18, 2017
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Cause I haven't update the site yet. Kindly check it now. :)

    Remember that you must also change the background color of the column:

    grid-bug-3.png

    By the way, after adding the css, the map issue is still not resolved on your part?
    Since map on our website looks good now, I need to access your URL to see what's happening with your map module.
     
    #7 Divi.Help Pro Support, Sep 18, 2017
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  8. Jan van den Berge

    Jan van den Berge New Member
    Divi Ultimate Child Theme

    Tried to change the CSS as described by you but the second and fourth blurb, the one on the right are missing the thin grey line when deleting the main CSS for the blurb.

    There is a difference in the CSS of blurb 1-3 and 2-4 and the Google map is still not showing in Safari but I see the map in your demo site Gym and Fitness, so I guess something wrong on my site.

    The URL I am building the site: http://letscrooze.mavenoxtestsite.nl
    If you need admin access how can I send you a Private message?
     
    #8 Jan van den Berge, Sep 18, 2017
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    No need for admin access :)

    Apparently, your commenting is having an extra space:

    Currently:
    / ******* extra css from ultimate for goolge maps to show in Safari ****/

    It should be:
    /******* extra css from ultimate for goolge maps to show in Safari ****/

    There is an extra space after the first slash /

    And for the blurb border, you did it correctly for blurb 1 & 3.

    For blurb 2 & 4, you just need to repeat the same process for column 2. You need to first delete the border CSS from the blurb settings & paste it in column 2 main element css in the row settings. See the screenshot below:

    grid-bug-4.png
     
    #9 Divi.Help Pro Support, Sep 18, 2017
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  10. Jan van den Berge

    Jan van den Berge New Member
    Divi Ultimate Child Theme

    Tnx so much, all oloks fine now!!
     
    #10 Jan van den Berge, Sep 20, 2017
(You must log in or sign up to post here.)