X Theme Responsive Breakpoints

Glenn Blog Leave a Comment

The default CSS media query breakpoints for X Theme with Cornerstone are: – Small: 480px Medium: 767px MediumLarge: 979px Large: 1200px To write these as media queries you would use:- So if you were writing this as a media query then you would use the following format:- X Theme also uses the following media non-default queries:- The X Theme Responsive …

CSS Vertical Align Div with CSS Table and Flexbox

Glenn Glenn's Blog Leave a Comment

A straightforward approach with CSS Table This approach has been around for ages, but is still rarely used over absolute div positioning. We simply add CSS table to the parent div and table-cell to the child div to be centred:- We’ve added tp optional elements here as other rules such as a left float may scupper the layout. CSS Flexbox Method Recently …

Pagelines DMS Full Width Section

Glenn Glenn's Blog Leave a Comment

Pagelines DMS is a great Framework for building awesome WordPress sites on, but it isn’t perfect (just yet anyway). It is however extensible and if for example you want a module/area of your site to do something you can simply create a custom section (see Pagelines Docs on creating a Section). We’ve already created a few for our own specific …

CSS for Mobile and Other Devices

Glenn Glenn's Blog Leave a Comment

We’re all for responsive design techniques and also how sites display accross diefrent mobile devices and standard devices. Rather than adding scripts we’ve found the best way to target Devices is directly through CSS. Target Mobile Devices and Other Standard Devices with CSS This list is the most comprehensive and will cover most mobile devices. Just add the CSS directly …