Change Column Breakpoint

[razorpig]

How can I change the column breakpoint of this page ( see secure not ) so everything collapses to a single column at 768px instead of 767px?

[thai]

Hi There,

Please try adding this custom CSS:

@media (max-width: 768px){
    .page-id-11478 .x-column.x-1-2 {
        width: 100%;
    }
}

Hope it helps

[razorpig]

Perfect ! Thank you Thai.

As an aside - when targeting elements on individual pages is it best practice to use .page-id-xxx? I’ve always used #post-xxx

Does it make any difference?

[ruenel]

Hey There,

Thanks for updating in!

Please keep in mind that .page-id-xxx is for pages, a class added to the body element. #post-xxx is the ID for the article element wrapper of the content. You can also use that with no problem.

Hope this helps.