Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 9, 2020 at 2:17 pm #1171810
    mirotck

    Is there a way to have the map on the following page full width?

    I put the code box in a color section, andadded the section ID “map* and added the following in my custom css:

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

    didn’t work for me. any recommendations?

    link: https://pixelroamer.com

    January 9, 2020 at 9:54 pm #1171971
    Victoria

    Hey mirotck,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.responsive #map .container {
    max-width: 100%;
    padding: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 12, 2020 at 3:37 pm #1172534
    mirotck

    somehow it seems to be “halfway” fullwidth ..

    on the left side now i have no more distance to the browser window but on the right side i do.

    check: https://pixelroamer.com

    any idea whats wrong?

    thanks a lot :)

    January 13, 2020 at 6:10 am #1172651
    Rikard

    Hi,

    Thanks for the update. Please try this instead:

    #map .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.