• Resolved naimur11

    (@naimur11)


    Hi,

    I’m using this following shortcode to show all brands in a page.

    [pwb-all-brands per_page=”20″ image_size=”thumbnail” hide_empty=”true” order_by=”name” order=”ASC” title_position=”none”]

    I’m satisfied with desktop and tablet output. but for the mobile users it display only one column. I’ve tried a few things and unable to show at least two column. Is there any way to show two column for mobile browsers?

    screenshot: https://snipboard.io/DVRl6w.jpg

    • This topic was modified 1 year, 2 months ago by naimur11.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Creamoz

    (@deegitalagency)

    I have the same doubt.

    Plugin Support jmatiasmastro

    (@jmatiasmastro)

    @naimur11 @deegitalagency

    Hi mate!

    We understand your requirement for displaying two columns for mobile users, as opposed to the current single-column layout. Although our plugin doesn’t natively support this layout adjustment, we believe this can be achieved with some custom CSS tweaks.

    To assist you more accurately, could you please provide the URLs of your websites where the shortcode is used? Having access to your live setup will enable us to understand the specific environment and propose a more tailored solution.

    Best regards, QuadLayers Support Team.

    Thread Starter naimur11

    (@naimur11)

    @jmatiasmastro

    hey!

    thanks for the update. Here’s my current page link for brands.

    https://getgadbd.com/brands/

    I really love your plugin and I wish you guys could add a few more customizations for the users. Thanks again..

    Plugin Support jmatiasmastro

    (@jmatiasmastro)

    @naimur11 @deegitalagency

    Hello mate, we inform you that although modifying the column layout for mobile users is not a built-in feature of our plugin, there is a workaround using CSS.

    To achieve a two-column layout for mobile browsers, you can add custom CSS through your theme’s customizer. Here’s a screenshot for reference: https://snipboard.io/kIdi7n.jpg

    Please apply the following CSS code in your theme customizer to achieve the desired two-column layout on mobile devices:


    .pwb-brands-cols-outer {
    justify-content: center;
    }

    @media screen and (max-width: 700px) {
    .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    width: 40%;
    }
    }

    Please let us know if you need further assistance or have any other questions.

    Best regards, QuadLayers Support Team.

    Thread Starter naimur11

    (@naimur11)

    Hey!

    just used the css code and it’s working. Thank you very much!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Showing two columns for mobile users’ is closed to new replies.