Mobile Site

Hi,

to disable the mobile view, you will need to delete the following code from “style.css”:

/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1170px) {
  body .footer-signature-content,
  body .menu-panel,
  body .container,
  body #footer,
  body .header-content,
  body .top-navigation {
    max-width: 960px;
}
  body #main-content {
    width: 630px;
}
  body .header-image .header-image-text-wrapper {
    width: 960px;
}
  body .footer-widget-area {
    width: 300px;
}
}

@media screen and (max-width: 990px) {
  #wrapper .header-image .header-image-text-wrapper,
  #wrapper .header-content,
  #wrapper .top-navigation,
  #wrapper .menu-panel,
  #wrapper .container,
  #wrapper #footer,
  #wrapper .footer-signature-content {
    max-width: 90%;
    width: 90%;
}
  #wrapper #main-content,
  #wrapper .top-navigation ul {
    max-width: 100% !important;
    width: 100% !important;
}
  #wrapper #sidebar {
    float: left;
    margin: 20px 0 10px;
    width: 100%;
}
  #wrapper #top-navigation,
  #wrapper .menu-panel-wrapper,
  #wrapper .header-image .header-image-text .header-image-link {
    max-width: 100%;
}
  #wrapper .header-contact {
    text-align: center;
}
  #wrapper .header-image .header-image-text .header-image-headline {
    width: 100%;
}
  #wrapper #wrapper-header .header-content .title-box,
  #wrapper #wrapper-header .header-content .menu-box {
    float: left;
    width: 100% !important;
}
  #wrapper #wrapper-header .header-content .menu-box {
    padding: 10px 0 30px;
}
  #wrapper #wrapper-header .header-content .site-title {
    max-width: 100%;
}
  #wrapper #wrapper-header .header-content .header-logo {
    max-width: 100%;
}
  .js #nav,
  .js #main-nav {
    display: none;
}
  .js .selectnav {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #333333;
    display: block;
    float: left;
    height: 27px;
    margin: 4px 0 0;
    position: relative;
    width: 40%;
}
  .js .header-content .selectnav,
  .js .menu-panel-wrapper .selectnav {
    width: 100%;
}
  .js .menu-panel-wrapper .selectnav {
    margin-top: 8px;
}
  #wrapper .grid-entry,
  #wrapper #main-content .js-masonry .sticky {
    width: 50%;
}
  #wrapper #footer {
    padding: 30px 0 4px;
}
  #footer .footer-widget-area {
    margin: 0;
    padding: 0;
    width: 100%;
}
}

@media screen and (max-width: 782px) {
  .admin-bar #wrapper-header .sticky-nav {
    top: 46px !important;
}
}

@media screen and (max-width: 600px) {
  .admin-bar #wrapper-header .sticky-nav {
    top: 0 !important;
}
}

@media screen and (max-width: 500px) {
  #wrapper .container .grid-entry,
  #wrapper .container #main-content .js-masonry .sticky {
    width: 100%;
}
  #wrapper .grid-entry .grid-entry-inner,
  #wrapper .container #main-content .js-masonry {
    margin: 0 !important;
}
  #wrapper .header-image .header-image-text .header-image-headline {
    font-size: 22px !important;
    margin-bottom: 8px;
}
}

and add this custom CSS:

.footer-signature-content,
.menu-panel,
.container,
#footer {
  width: 1170px;
}

Best regards,
Tomas Toman