InfoWay mobile theme

  • Author
    Posts
  • #76519

    Hello,

    I know this is going to sound like an unusual request, but is there any type of code that can be placed into the mobile theme so that it turns off completely? I tried turning off the mobile theme through the WP Admin and it did not make any difference in the appearance of our site on smaller devices. We would like the layout of our site to look exactly the same on all devices if possible.

    Thank you!

    The blog I need help with is nwrightross.wordpress.com.

    #76615

    neeraga1
    Theme Author

    Hello Jaclynscanlon,

    Hope doing good.

    We certainly understand your concern.

    I really feel sorry, but there isn’t a way to turn off the mobile view, as the theme is designed in a way that it is responsive to all the devices.

    Hope you understand our concern

    Let me know if have further doubts.

    We will be glad to assist you.

    #76633

    Thank you for the quick response! So can I have some help with editing the mobile theme then? I have tried diving into the css myself but have not gotten anywhere (I am a beginner). The header image, top navigation bar, and slider seem to be the main issues on mobile. I would like the header to take up the whole space as it does on the computer screen and for the slider to scroll the same way (it seems to skip on mobile). I would also like the top navigation bar to stay in the same format: all links in one line positioned directly above the slider. Hopefully this makes sense? I appreciate your help!

    #76638

    neeraga1
    Theme Author

    Hello Jaclynscanlon,

    If you are referring to the same site: http://brukeropenpath.com/

    then you can try and apply the below CSS:

    @media only screen and (max-width: 767px){
    .featured-slider .slider-nav{
    background: transparent !important;
    }
    
    .featured-slider .slider-nav li.active a{
    background: transparent !important;
    border-bottom:none
    }
    }
    
    @media only screen and (max-width: 480px){
    .header .logo img{
      max-width: 143%;
      margin-left: -43px;
    }
    .header .contactinfo span.calldetails{
      margin-left: -58px;
    }
    }
    
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header .logo img {
      text-align: center;
      width: 310px;
    }
    
    .header .contactinfo {
      margin-top: 3px;
      margin-left: -100px;
      }
    }

    put the above CSS in Dashboard–>>Appearance–>>Customize–>>CSS

    Hope it will fix your issue.

    Let me know for further doubts, will be glad to assist you.

The topic ‘InfoWay mobile theme’ is closed to new replies.