Mobile layout

  • Resolved voorink

    (@voorink)


    4 years, 9 months ago

    Hello,

    Thanks for creating a great plugin. Is it possible to change the layout for the mobile version of our website? The current layout seems distorted. How can this issue be resolved? Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpmart

    (@wpmart)

    Please paste this code in the custom tab and save it. Don’t forget to clear the cache.

    .wpm-6310-col-2 {? ? width: calc(50% – 35px) !important;
    }
    .wpm-6310-col-3 {
    ? ? width: calc(33% – 35px) !important;
    }
    .wpm-6310-col-4 {
    ? ? width: calc(25% – 35px) !important;
    }

    @media screen and (max-width:767px) {
    ? .wpm-6310-col-2, .wpm-6310-col-3, .wpm-6310-col-4 {
    ? ? width: calc(100% – 35px) !important;
    ? }
    }

    Thread Starter voorink

    (@voorink)

    Thank you for the quick response.

    Unfortunately the text in the boxes is not readable on mobile devices. I added a screenshot to show what it looks like:

    Screenshot

    Can this be resolved?

    I have the same problem. I want a two-column-layout for mobile and a four-column-layout for bigger viewports. I pasted the code above in the custom tab, changed the 100% to (calc:50%-5px), cleared the cache but the code is not showing in the css code of the page

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile layout’ is closed to new replies.