CSS Device Horizontal Scroll Wordpress / Visual Composer
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

I am using Wordpress / Visual Composer for a page, however by default the colunmns are "stacked up" on a device.. For a specific section (.scroll) i require that the use can scroll horizontally for the content of the .scroll section.

Contact me for a "demo" of what i require, and the site for implementation (development site).

The scroll area should be offset (meaning that the next item should be half visible to let the user know there is more).

Can you please send me the links to the demo and the development site?
kostasx 4 months ago
Do you have a Skype / Mail address ?
rjgough 4 months ago
You'll find my email in the HTML section here: https://codepen.io/kostasx/pen/QgwdjJ Let me know if you have received it.
kostasx 4 months ago
awarded to kostasx

Crowdsource coding tasks.

1 Solution

Winning solution

@media only screen and (max-width: 480px){

.scroll .section_inner {
    margin: 0 auto;
    width: 100%;    
    padding: 0;
    width: 100% !important;
}

.scroll .section_inner_margin {
  display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll .wpb_column.vc_col-sm-3 {
    flex: 0 0 30%;
    padding: 11px;
           width: 180px;
}

.scroll .wpb_column.vc_col-sm-3:first-child {
    padding-left: 30px;
}

.scroll .wpb_column.vc_col-sm-3:nth-child(4) {
    padding-right: 30px;
}

.scroll .vc_col-sm-3 img {
width: 110px;
}

}

Thank you!
kostasx 4 months ago