Map layout for mobiles and tablets doesn't fit width

New home Forums Pro Add-on General queries Map layout for mobiles and tablets doesn't fit width

This topic contains 4 replies, has 2 voices, and was last updated by  lucy maddison 1 month, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #52952

    map

    Hi, I have a map and marker listings and it fits fine on desktop and larger tablets, but on tablets the map has padding left and tight so it doesn’t view well- I would like it to fit full width of mobiles if possible, and the marker listings below dont fit so that columns are cut off. Can this both be fixed? Thanks!

    Attachments:
    You must be logged in to view attached files.
    #52958

    Hi Lucy,

    Thanks for getting in touch.

    To achieve this, could I kindly ask you to add the following CSS:
    @media(max-width: 700px) {
    .page-id-2104 .et_pb_section_2 .et_pb_row_3 {
    margin: 0;
    width: 100%;
    }
    }

    After saving it, could I kindly ask you to test and confirm if it works as expected?

    Thanks for your time.

    Kindest regards,
    Dylan

    #52976

    Ok thanks, thats fine for the map but the listings below dont fit and address is cut off. Is there any way of making this section fit the width of mobiles?

    #52979

    Hi Lucy,

    Thanks for the response and confirmation.

    Could I kindly ask you to please add the following CSS and please let me know if that helps:

    @media(max-width: 600px) {
    th.wpgmza_table_marker {
    max-width: 10px !important;
    padding: 0 !important;
    min-width: unset;
    }
    #wpgmza_marker_holder_5 {
    max-width: 100% !important;
    overflow: hidden;
    }
    }

    Thanks for your time.

    Kindest regards,
    Dylan

    #53007

    thanks thats great, will check with client

    #53008

    Hi Lucy,

    Thank you and please do let me know.

    Kindest regards,
    Dylan

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

You must be logged in to reply to this topic.