Making theme unresponsive on mobile devices

  • NotSoFrivolous

    (@notsofrivolous)


    10 years, 8 months ago

    Hello,

    I am using the Admired theme for my blog and would like the site to show up the same on mobile devices as it does on a laptop/desktop. The responsive feature doesn’t work for my banner and isn’t in line with what I want for the site. I haven’t been able to find a feature where I can turn responsiveness on and off in the theme options (unless I’m just missing it). Is there any way I can make the theme unresponsive?

    I posted on the theme’s forum (the one linked in the theme’s options) but there doesn’t seem to be much support for it since some of the questions were posted months ago but haven’t been answered. I would really appreciate the assistance with this.

    The site I’m working with is http://www.notsofrivolous.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • shockwaveb

    (@shockwaveb)

    9 years, 11 months ago

    Did you ever get an answer for this?? I would like to know how to fix the mobile settings as well.

    BenjC88

    (@benjc88)

    9 years, 11 months ago

    Add the following css to fix the banner:

    #header.logo {
    background-size: contain;
    background-position: center;
}

    Looking at the theme’s output if they don’t offer an unresponsive option you’re going to struggle as it’s % based, you could go through and change all the % widths to pixels.

    bigswp

    (@bigswordpress)

    9 years, 11 months ago

    Finding the responsive code is usually easy. I quickly downloaded the Admired theme and searched the style.css file and found 6 instances of @media which the responsive code starts with.

    @media (min-device-width: 320px)
    @media (max-width: 800px)
    @media (max-width: 650px)
    @media (max-width: 450px)
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px)
    @media print

    You can then edit the code below the size of the screen that you are trying to make the edits for. I do this all the time for minor edits after I have made changes to my themes.

    Remember that simply removing all of the @media CSS code does not always disable the responsiveness because many times there is also code in the functions.php file and other places. That kind of detail would need to be discussed with the theme developer.

    Good Luck I hope that helps.

    Oh just realized this post is 9 months old. Oh well maybe this will help someone else 😉

    Daapstaaf

    (@daapstaaf)

    9 years, 10 months ago

    Removing the code did not solve it for me. Could you explain it step for step for me how to edit? My site is useless on mobile devices now.

    The website i am working at is http://www.bespaarpagina.com

    thanks

    esmi

    (@esmi)

    9 years, 10 months ago

    If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

    I am now closing this 10 month old topic as it references an older version of WordPress.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Making theme unresponsive on mobile devices’ is closed to new replies.