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

    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:

    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 !


    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;



    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…

    Any other suggestions ?



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

    Best regards,


    Changed the ID to
    and also tried
    but no no difference…



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

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

    Remove browser cache then reload the page.



    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

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

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