Left align but center in mobile breakpoints

  • Resolved avviano

    (@avviano)


    4 years, 4 months ago

    Hi,

    It is possible to set the position of the Map either center or left align. I want the map to align left in Desktop / Tablet view but need the map centered in mobile breakpoints.

    Since the code for positioning the map seems to be inline, I am not sure if it is even possible to set CSS code to center a left aligned map in mobile breakpoints.

    If it is possible, I would appreciate if you can let me know who this can be done.

    Thanks.

    • This topic was modified 4 years, 4 months ago by avviano.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @avviano

    Thank you for getting in touch.

    This can be achieved with reasonable ease by using CSS. If you could kindly provide a link to your map page, and let us know at what screen size you would like the alignment to change, we would be quite glad to provide the CSS for you.

    Does that help?

    Kind regards
    – Perry

    Thread Starter avviano

    (@avviano)

    Hi Perry,

    Thank you for your quick response. I am using Divi as a page builder in WordPress and was able to solve the issue by adding my custom CSS code directly into the code module (see screenshot & code below).

    display: flex!important;
    align-items: center!important;
    justify-content: center!important;

    Divi has the option for adding the code separately for desktop, tablet or phone. So I just added the code for phone layouts. That way I can ensure the module is centered only in phone breakpoints.

    Here is a screenshot: screenshot

    That solved the problem for me (I posted the image in case anyone using Divi is looking for a similar solution).

    Have a great day and thanks again for taking the time!

    Cheers!

    • This reply was modified 4 years, 4 months ago by avviano.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Left align but center in mobile breakpoints’ is closed to new replies.