Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

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.