Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 3, 2019 at 2:06 am #1153427
    venolab

    Hi,

    Ive placed a google map into a grid row element. I’d like to have the map fullwidth – according to your googlemap-element. How can I achieve this, that there is no border on top -> right -> bottom -> left.

    I’ve already tried custom css using different margin values.

    Thank you. Yours, Thomas

    November 3, 2019 at 1:43 pm #1153493
    Rikard

    Hey Thomas,

    Please try this in Quick CSS:

    .page-id-954 #av-layout-grid-1 .flex_cell {
    padding: 0;
}

    Best regards,
    Rikard

    November 3, 2019 at 10:18 pm #1153569
    venolab

    Thank you Rikard,

    that works fine!

    Yours, Thomas

    November 3, 2019 at 10:45 pm #1153574
    venolab

    Still one question: It works very fine on desktop and tablet size. But when switching on phone size, there is a white edge displayed.

    How can I fix it?

    Thank you!

    November 4, 2019 at 6:32 am #1153624
    Rikard

    Hi Thomas,

    There not really a fix for that since the content is located within the main container which controls the width on mobile. If you want it to be full width then the rest of the site would have to be full width on mobile as well.

    Best regards,
    Rikard

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