New Topic

Disable Mobile Theme

Home › Forum › Customization › Disable Mobile Theme

This topic contains 10 replies, has 2 voices, and was last updated by  StartupWP 4 years ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1636

    goutresolve
    Participant

    Is there a way to disable the mobile theme? I changed some image settings for a couple tables so now the layout is all messed up. Any help?

    #1637

    StartupWP
    Keymaster

    Start with:

    #wrapper {
      min-width: 1000px;
    }

    https://startupwp.com/topic/customizing-your-theme/

    And if you need further help, please share a link to your website where there’s an example of the table issue.

    Thank you.

    #1638

    goutresolve
    Participant

    All that seemed to do was move the menu bar to the middle of the page.

    My website is http://www.goutresolve.com
    I want it so that there is no mobile view. Want it all to look the same on desktop and mobile. It’s a very basic site so I wouldn’t think that should be a problem as far as functionality.

    #1640

    StartupWP
    Keymaster

    Just looked over your site and it appears the CSS solution is working fine, you might need to clear all caches and restart your browser.

    You may also try:

    body, #wrapper {
      min-width: 1000px !important;
    }

    If that’s still a no-go, can you please share a screenshot of what you’re seeing?

    Thank you.

    #1642

    goutresolve
    Participant

    It didn’t change anything. I have attached 2 screen shots of the site. The top one is the top of the site. The bottom one is where the issue is being introduced (I believe). We have this table at the bottom that needs to be a certain size and used some code to make sure it doesn’t get adjusted.
    http://www.goutresolve.com/wp-content/uploads/2014/06/IMG_0071.png

    http://www.goutresolve.com/wp-content/uploads/2014/06/IMG_0072.png

    #1644

    StartupWP
    Keymaster

    We took a closer look and wrote up a doc on it:

    https://startupwp.com/topic/turn-off-responsive-design/

    Hopefully, that’ll do the trick. :)

    #1645

    goutresolve
    Participant

    Will that mess with the other tweaks that I’ve done? I have copied the current tweaks that I’ve done on the site.

    .home .entry-title {
    display: none;
    }

    #logo {
    width: inherit;
    }

    body, #wrapper {
    min-width: 950px !important;
    }

    #site-description {
    font-size:145%;
    color: #000;
    font-align:center;
    }

    h1{
    font-size: 200%;
    color: #09f;
    }

    h2{
    color: #09f;
    font-weight: bold;
    }

    h3{
    color: #000;
    }

    .tablepress-id-3 tbody td {
    vertical-align: middle;
    }

    .tablepress-id-4 tbody td {
    vertical-align: middle;
    }

    .tablepress-id-7 tbody .column-1 {
    background-color: #ddd !important;
    }
    .tablepress-id-7 tbody .column-2 {
    background-color: #ddd !important;
    }

    .tablepress img {
    max-width: none !important;
    }

    ul{
    font: inherit;
    }

    #1646

    goutresolve
    Participant

    Never mind. I just looked and everything looks good other than now my menu takes up two lines instead of just one. I can figure that out (I think).

    Thank you so much for figuring this out!

    #1648

    StartupWP
    Keymaster

    You’re welcome, we’ll be here when you need us. :)

    #2160

    goutresolve
    Participant

    So, our site was recently flagged by Google as not being “mobile friendly” and so I’d like to get some help. I removed the code that disabled the mobile view and I’m having one issue. At the bottom of the page I have a table and I can’t get it to shrink when viewing it on mobile. I don’t know if this is a Tablepress plugin issue or if it’s a theme issue.
    Ideally, what I’d like to do is have one version of the table that has the 3 products side by side when viewed on a desktop and another version of the table that has the products on top of each other when viewed on a mobile device. Do you know how to do something like this?
    My website is http://www.GoutResolve.com

    #2163

    StartupWP
    Keymaster

    Like most validation tools, they’re only accurate and useful to a point. Visually, a website might be perfectly responsive, but to the Google crawler it might be looking for signals that generally imply mobile support that aren’t being used.

    Trust your own eyes and judgments over an automated tool when it comes to these kinds of issues. When the real mobile devices aren’t handy, tools like this are fairly good:

    http://quirktools.com/screenfly/

    This should fix your header:

    #logo {
      width: 100% !important;
    }

    As for your table, the way the table is assembled it doesn’t look like it’ll be able to be responsive. Since this is a bit off-topic, go ahead and start a new topic and we’ll work on a better solution for displaying your products.

    Thank you.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.