• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

how to make your website mobile responsive

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to make your website mobile responsive

This topic is: resolved

Tagged: layout, mobile responsive

  • This topic has 9 replies, 2 voices, and was last updated 10 years, 10 months ago by AnitaC.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 13, 2014 at 1:19 pm #118620
    varshasalvi
    Member

    Hi ,
    I am using the 'Beautiful Pro ' theme from studio press. This theme is mobile responsive . However when I view it on the iphone the sidebar is going below the posts at the bottom of the screen. The posts and images are getting scaled properly
    How can I view my site as is on the mobile screen such that it scales from the desktop version.

    I also do not want it to look like 'mobile version' as many plugins offer. Just want it to look like my desktop version just scaled.

    Do I have make any CSS changes? I have changed the header size from my original theme . Could this be the reason why its not looking proper?

    Can someone help?
    Thanks!

    http://designforsoul.com
    August 13, 2014 at 3:01 pm #118639
    AnitaC
    Keymaster

    You are asking to make a Responsive theme Unresponsive. It will require some work. You need to remove the viewport coding from the functions.php file, then remove the Media Queries/Responsive CSS from the style sheet. You may then need to modify some of the other areas in the style sheet once you do that. And then continue to test out your coding on those devices. I've had three clients ask for this in the past two months.


    Need help with customization or troubleshooting? Reach out to me.

    August 13, 2014 at 3:07 pm #118642
    varshasalvi
    Member

    I do not want to make the Responsive theme unresponsive.
    I just want it to function like responsive like its supposed to but is not doing right now.

    August 13, 2014 at 3:22 pm #118648
    AnitaC
    Keymaster

    You wrote:

    How can I view my site as is on the mobile screen such that it scales from the desktop version.

    and...

    I also do not want it to look like ‘mobile version’ as many plugins offer. Just want it to look like my desktop version just scaled.

    Based on that I interpreted that you do not want it mobile responsive. If you want it to look more like your desktop - then you'll have to either make it unresponsive, or edit the media queries and test it to your liking as we cannot see your desktop.


    Need help with customization or troubleshooting? Reach out to me.

    August 13, 2014 at 3:36 pm #118653
    varshasalvi
    Member

    Oh ok My apologies. Maybe I dint explain myself properly.

    By 'Mobile Version' what I mean is what plugins like WPtouch offer .e.g.
    https://wordpress.org/plugins/wptouch/screenshots/

    Instead i want it to look like this example:
    http://www.designlovefest.com

    If you see this website looks same on the desktop browser as on the phone.
    Does it mean that this is mobile responsive or not mobile responsive.

    Sorry I am a little confused with the terminology here.
    Thanks

    August 13, 2014 at 3:58 pm #118657
    AnitaC
    Keymaster

    Exactly. Designlovefest is not using a responsive theme. It's unresponsive.


    Need help with customization or troubleshooting? Reach out to me.

    August 13, 2014 at 4:13 pm #118662
    varshasalvi
    Member

    Oh So that means I have to make my website unresponsive?

    How can I do that ? Any tutorial or reference?

    August 13, 2014 at 4:22 pm #118664
    AnitaC
    Keymaster

    If you read my first response, I gave you where you needed to start.


    Need help with customization or troubleshooting? Reach out to me.

    August 13, 2014 at 4:51 pm #118666
    varshasalvi
    Member

    Yup . I dont really have enough knowledge of PHP and css but I will try .
    was hoping for some tutorial. But I will give it a try.
    Thanks!

    August 13, 2014 at 5:02 pm #118668
    AnitaC
    Keymaster

    All themes are different. You can Google it.


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble