• My site looks great on a regular screen, but the mobile (responsive version) looks zoomed out. I have deactivated all the plug ins and none of them seem to be the culprit. Is there something else that could be causing the site to do this?

    http://onecharmingmonkey.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi,

    Did you add any custom css?
    Remove them and see if in fix your issue.

    Thanks!

    Thread Starter janaglass

    (@janaglass)

    I have removed all of the custom CSS and am still having the same issue. I am not sure what it could be. Any other thoughts?

    Hi,

    I am having a similar problem. On my iPhone, the menu is not visible, and only about the bottom half of the bootstrap slider is visible.

    http://thekommune.org

    Thanks!

    Hi thekommune,

    Thanks for writing in!

    I’ve checked into your site and it seems to be working fine at my end. The both Bootstrap Slider and the Menu are visible and working well (See: http://prntscr.com/9svknd ). Please confirm if you still have the issue, we’ll be glad to assist.

    Thanks!

    Hi Janaglass,

    Thanks for writing in!

    I’ve checked into your website and found conflicting issue which is with your menubar and that is also causing the extra empty space throughout the whole website. (see: http://prntscr.com/9svok2 ) there’s an extra width applied on your primary menu class. In order to get rid of that; please add the following code into your Appearance > Customize > Custom CSS:

    .primary-menu {
        width: auto !important;
    }

    Hope this helps!

    Thanks.

    Thread Starter janaglass

    (@janaglass)

    That was exactly what it was. But, on the regular version, I would like the menu centered. When I put this code in, it doesn’t appear centered anymore. At least not on my screen. Is there a way to center the menu but still have it not have the extra empty space? Thank you for your help!

    Hi there,

    Glad that worked!

    In order to have the both things up; please replace the previous code with the following under your Custom CSS field:

    @media screen and (max-width: 767px) {
        .primary-menu {
            width: auto !important;
        }
    }

    Hope this helps!

    Thanks.

    Thread Starter janaglass

    (@janaglass)

    Thank you so much! I would have never figured that out on my own!

    You’re welcome! 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Responsive Version not Working’ is closed to new replies.