Mobile glitch

  • Hi,

    So I seem to be having a problem with my blog. When my website is viewed on a mobile, there’s white space, followed by a grey bar, which is covering most of my blog title at the top of the page. I’m not sure why. My website is, https://www.serenitylifeblog.com , if you want to see what I mean. I don’t know how else to explain it. This doesn’t happen when my website is viewed from my laptop, only from my mobile. Is there any way to fix this? I’m not very good with technology *at all* so any (really simplified) answers will help!

    Oh, and my theme is Olsen Light. My browser is chrome and I’m on Windows 10, if that helps.

    Thank you!

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

  • Hi there,
    for some reason the admin sidebar is there (without even logging in). I dont know if this is caused by any plugin or any changes you might have done.
    So first try disabling all your plugins and see if the issue persists.

    A temporary solution
    If you dont have WP 4.7 Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this 

    html #wpadminbar {
    display: none;
}
html {
    margin: 0!important;
}

    in the box. If you have WP 4.7 navigate to Appearance->Customize->Additional CSS and add the above code suggestion

    Thread Starter alicia22

    (@alicia22)

    Hi @markwaregr ,

    Thank you for the suggestion. I’ve implemented the code and now my mobile site is working just fine. No grey bars in sight! I’m a little bit reluctant to disable all plugins because a few of them are protecting my site. However, here is a list of all my active plugins:

    Akismet – Protects blog from spam. Gives you access to an API Key.

    All In One WP Security – WordPress security plugin.

    BJ Lazy Load – Lazy image loading makes your site load faster and saves bandwidth.

    Contact Widgets – Displays social media and contact information on your website with these simple widgets.

    Jetpack by WordPress.com – Enables you to connect your blog to a WordPress.com account to use the powerful features normally only available to WordPress.com users.

    Limit Login Attempts

    Ninja Forms – A webform builder with ease of use.

    Slider – Slider Huge-IT is a WordPress Slider Plugin.

    Ultimate Social Media PLUS – Allows you to add social media & share icons to your blog.

    Widget Importer & Exporter – Imports and exports widgets.

    Wordfence Security – Wordfence Security – Anti-virus, Firewall and Malware Scan

    WordPress Importer – Import posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.

    WP Add Custom CSS – Add custom css to the whole website and to specific posts, pages and custom post types.

    WP Instagram Widget – A WordPress widget for showing your latest Instagram photos.

    WP Super Cache – Very fast caching plugin for WordPress.

    Yoast SEO – The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.

    After putting in the coding, my site is working fine, but I noticed that you said it was a temporary solution. If my site were to play up on a mobile device, would it be better to just keep putting in the above code?

    Many thanks!

    Hello,
    well I cannot really tell which one maybe is causing it(you will have to manually test them).
    This solution will work fine. But just to check whats causing this it would be nice to investigate it.

    But if this works for you there is nothing to worry about.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile glitch’ is closed to new replies.