mobile shop page

  • Resolved yestube

    (@yestube)


    3 years, 8 months ago

    I used a plugin to make my shop page and set it up to be put into two columns but in the real thing, it is not. Is it a problem with my theme? And is there some kind of code that may allow me to change the one column back to two?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    If you narrow your browser window it’ll become 2 columns ??

    But seriously, yes it’s your theme. The column count is determined by individual product width in CSS, like this rule:

    .wpbf-grid-large-1-4>* {
    width: 25%;
}

    Change that to 50% to get two columns, 33% to get three, etc. Place such a rule in the Additional CSS customizer section.

    Thread Starter yestube

    (@yestube)

    thank you so much, it worked great. Can you explain how you got that CSS? how did you figure out that that width was the problem if you dont mind?

    Moderator bcworkz

    (@bcworkz)

    Your browser’s element inspector developer tool is your biggest asset towards that end. Knowing which rule among many would be the one to change is a mix of intuition, CSS skills, and experience. You can test out different values to see if your intuition was correct or not. We were lucky it was a simple change. Sometimes it’s not so simple. Sometimes it requires HTML change and there is not a pure CSS solution.

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