Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #2119808
Media Grid
Closed

Comments

  • Anita started the conversation
    August 18, 2019 at 9:15pm

    Hello!

    I have a media grid on this page

    https://test.frankenmuthcu.org/member-perks/

    in the footer. It looks great on desktop and tablet...but the images become stacked on mobile. How can I make this 6 column on mobile? Or maybe 2 rows of 3 columns on mobile? Possible?

    Any help would be appreciated.

    Thank you in advance.

  • [deleted] replied
    August 19, 2019 at 1:33pm

    Hi,

    the grid is arranged in one column for the convenience of the user, because the pictures become too small.

    If necessary, I will give you a custom code to make in 3 columns

  • Anita replied
    August 20, 2019 at 9:15pm

    Thank you Max. I would appreciate custom code for a 3 column for mobile.


  • [deleted] replied
    August 21, 2019 at 9:55am

    HI!

    pls. use following css:

    media (max-width: 767px){
        .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item,
        .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
            display: inline-block !important;
            width: 33.333% !important;
        }
    }
    5110651633.png
  • Anita replied
    August 21, 2019 at 3:31pm

    Thank you Max.

    I added the CSS but it did not change the layout on mobile...here is a screen shot of the css once loaded.

    again, the page is

    https://test.frankenmuthcu.org/member-perks/

    footer-using media grid 6 columns...would like only 3 on mobile.

    Can you help?

  • [deleted] replied
    August 22, 2019 at 8:38am

    Hi,

    Please provide the wp-admin access. We will try to inspect problem on your site.