I’m looking at your CSS and it appears the Mobile Part of the CSS isn’t showing Priority like it does in the Demo.
This is part of the code that changes the width from 700px (fixed width) to 100% –
@media only screen and (max-width: 960px) {
.site-inner,
.wrap {
max-width: 768px;
}
.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area,
.title-area {
width: 100%;
}
When the site is loaded on a mobile sized browser, the width is changed to a percentage so it can adjust with the browser. I’m not sure what’s preventing it from using the responsive CSS. Are you using a CSS minifier or something related? If so, can you temporarily turn it off and then let me know so I can check the results?
.
