Viewing 4 reply threads
  • Author
    Posts
    • #2789
      coffeeminds
      Member

      How can i disable responsive feature from Cosmos Theme.

      Thank You!

    • #2790
      ThemeofWP
      Keymaster

      Hi,

      You can open style.css and delete or separate @media queries.

      /* Media Queries - For mobile devices and tablets */

      it’ll be disabled.

    • #2792
      coffeeminds
      Member

      Hi!

      I deleted this but still im getting the responsive version on mobile.
      http://www.oohservicesinc.com

      /* Responsive Menu
      ————————————————————————————————–*/
      #mobile-menu .navbar-collapse{
      border-top:0;
      box-shadow:none;
      }

      .navbar-collapse.in{
      overflow-y: inherit;
      }
      .navbar-nav li{
      list-style:none;
      }
      .navbar-nav>li a{
      padding: 5px 10px;
      display: block;
      }

      /* Responsive Menu
      ————————————————————————————————–*/
      .nav > li {
      font-weight: bold;
      }
      .header-center .navbar-toggle{
      float:none;
      margin-right:0px;
      }
      .header-center .nav > li {
      text-align: left;
      }
      .navbar-toggle{
      margin-top: 10px;
      margin-right:0px;
      }
      .comment.byuser.comment-author-themofwpadm.bypostauthor.even.thread-even.depth-1 {
      list-style: none outside none;
      }

      /* Media Queries – For mobile devices and tablets */

      /* Tablet Layout: 768px.
      ————————————————————————————————–*/
      @media only screen and (min-width: 768px) and (max-width: 950px) {
      .container-fluid {
      max-width: 100%;
      }

      }

      /* Mobile Layout: 320px.
      ————————————————————————————————–*/
      @media(max-width:767px) {

      body {
      padding-top: 120px;
      }

      .subheader, ul.breadcrumb, .edit-link {
      text-align: center !important;
      display: block;
      }

      .topheader .contact, .topheader .social, .footerbottom .social, .footerbottom .footermenu ul {
      text-align:center;
      padding: 5px;
      float:none !important;
      }

      .topheader .contact, .topheader .social, .footerbottom .social, .footerbottom .footermenu ul {
      text-align:center;
      padding: 5px;
      float:none !important;
      }

      #subtitle {
      text-align:center;
      padding: 20px 0 0;
      margin-top: 5px;
      overflow: hidden;
      }

      .pull-right {
      float: none !important;
      }

      .footer_widgets {
      clear: both;
      padding: 10px 0;
      }

      .footerbottom {
      text-align:center;
      }

      .footerbottom .col-sm-4 {
      padding:5px;
      }

      .isotope-item {
      top:calc(1px) !important;
      width:100%;
      }

      .post-thumb img {
      max-width:100%;
      width:100%;
      }

      .post-thumb {
      max-width:100%;
      width:100%;
      }

      .header_widget {
      display:none;
      }

      .navbar-header {
      float: none;
      }

      .navbar-static-top {
      margin-top: -120px !important;
      }

      .col-xs-9 {
      width: 100%;
      }

      .navbar-main {
      float: none !important;
      }

      ul.timeline:before {
      left: 40px;
      }

      ul.timeline > li > .timeline-panel {
      width: calc(100% – 90px);
      width: -moz-calc(100% – 90px);
      width: -webkit-calc(100% – 90px);
      }

      ul.timeline > li > .timeline-badge {
      left: 15px;
      margin-left: 0;
      top: 16px;
      }

      ul.timeline > li > .timeline-panel {
      float: right;
      }

      ul.timeline > li > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
      }

      ul.timeline > li > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
      }

      .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
      width: auto;
      }

      .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: auto;
      }

      }

    • #2794
      ThemeofWP
      Keymaster

      Can you please try to delete

      <meta name="viewport" content="width=device-width, initial-scale=1">

      from the header.php.

    • #2795
      ThemeofWP
      Keymaster
Viewing 4 reply threads
  • You must be logged in to reply to this topic.