Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #211626

    Hi,
    I’ve been struggling to get the google maps to strech full width. I’ve searched through your support and have tried several suggestions, but no luck so far.

    Here’s a list of what I’ve done:
    – A page is created
    – Color section added
    – Widget area added, referring to a specific sidebar that contains the Enfold (child) google maps widget. None of the height/width parameters have been defined in the widget.
    – the code: ” #fullwidthmap .container { width: 100% !important; } ” has been added to the Section ID of the Color Section
    – the code: ” .content .avia_google_maps_container {height: 400px;}
    #avia_google_maps-2 {padding: 0;} ” has been added in the Quick CSS box.
    – the layout is streched

    You can view the page here: http://padmayoga.dk/wp/om-padma/

    It would be great if you had a full rundown of how to implement the full width feature.

    If you could please inform me what I’ve missed out in, thanks !

    #211772

    Hi yogananda!

    Please check the id of the Color Section. Set it to “fullwidthmap”, please check it again. Add this on Quick CSS:

    #fullwidthmap .container {
    width: 100% !important;
    }

    Cheers!
    Ismael

    #211780

    Hi Ismael
    I just pasted in the code, so it is now the same in both the Color Selection ID and the Quick CSS.
    Still no change, not full width…

    http://padmayoga.dk/wp/om-padma/

    Any other suggestions ?

    #211784

    Hey!

    This is the ID of your Color Section “fullwidthmap-.container-width-100-important-“. Please change it.

    Best regards,
    Ismael

    #211788

    Hi
    Changed the ID to
    fullwidthmap-.container-width-100-important-
    and also tried
    fullwidthmap-.container-width-100-important
    but no no difference…

    #211795

    Hi!

    Change it to “fullwidthmap” please then add this on Quick CSS:

    #fullwidthmap .container {
    width: 100% !important;
    }

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #211800

    Hi Ismael,

    Great, it did the trick !!
    I’m not sure exactly what caused the problem, the Quick CSS code was already there, so it must have been the Color Section ID, anyway now it’s working :-)

    Thanks a million !

    Best regards
    Yogananda

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Google maps full width’ is closed to new replies.