Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 18, 2014 at 6:48 pm #211626
    yogananda

    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 !

    January 18, 2014 at 11:49 pm #211772
    Ismael

    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

    January 18, 2014 at 11:57 pm #211780
    yogananda

    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 ?

    January 19, 2014 at 12:00 am #211784
    Ismael

    Hey!

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

    Best regards,
    Ismael

    January 19, 2014 at 12:04 am #211788
    yogananda

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

    January 19, 2014 at 12:08 am #211795
    Ismael

    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

    January 19, 2014 at 12:18 am #211800
    yogananda

    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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Google maps full width’ is closed to new replies.