Support » Plugin: Modal Window - create popup modal window » Mobile Responsive Columns

  • Does your columns break down into a single column for mobile devices.
    I have tow columns but I need to break to 1 column for mobile.
    thanks!

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

    (@wpcalc)

    Hello.

    Try to add the next code in CSS
    
    @media only screen and (max-width: 480px){
    	.wow-col {
    		flex-wrap: wrap;
    	} 
    	.wow-col-1, .wow-col-2, .wow-col-3, .wow-col-4, .wow-col-5, .wow-col-6, .wow-col-7, .wow-col-8, .wow-col-9, .wow-col-10, .wow-col-11, .wow-col-12 {
    		width: 100%;
    	}
    }

    Thank you! that worked! the only problem is that i cannot scroll down in mobile view – any suggestions?

    I actually got scrolling to work:

    wow-col {
    flex-wrap: wrap;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    } 
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.