Docs

[SPCSHP]

Hey guys,

Having some problems with a side-by-side section style I’ve put together here:

http://spcagent.io/nwr/#services

It looks great on desktop but appears to collapse into a confused mess on tablet/mobile which I don’t understand why as I thought I’d structured all the sections/columns correctly. Please help!

Cheers,
Chris

[Friech]

Hi Chris,

Thanks for writing in! You did structure your sections correctly but you use absolute unit (px) and huge value of margins on your section and elements.

Please add this on your custom CSS on Customizer.

@media (max-width:  767px) {
.serv .x-container.marginless-columns .x-column.x-1-2 {
	    width: 50%;
	    display: table-cell;
	    margin-right: 0;
	    float: none;
	    vertical-align: top;
	}
	.serv {height: auto !important;}
	.desc {margin: 2% !important;}
	.serv-head {margin: 50% auto !important;}
}

Hope it helps, Cheers!

[Author]

Posts