[Resolved] Site width on mobile

Home Forums Support [Resolved] Site width on mobile

Home Forums Support Site width on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1550232
    Simon

    Hi,

    I just checked my site on mobile and text is going off-screen to the left and the logo has disappeared.

    screenshot

    It was fine a few days ago. Is it because I added this code the other day?

    .bottom-bar{
    padding: 6px !important;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0px;
    z-index: 5;
    }

    If so, can I just not have it show on mobile?

    Or is it something else like the container?

    Thanks in advance!

    Simon

    #1550486
    Elvin
    Staff
    Customer Support

    Hi,

    As for the logo, you have this CSS somewhere in your site:

    .rll-youtube-player, [data-lazy-src] {
        display: none!important;
    }

    Since your logo also has data-lazy-src attribute. It is also being hidden by this CSS.

    To find which is causing this, try disabling all plugins and see if the problem goes away. If it does, try enabling the plugins one by one to see which one is causing this issue.

    As for the content:

    Can you try adding this CSS?

    div#page {
        overflow-x: hidden;
    }
    #1550690
    Simon

    It’s definitely unstable somewhere. It usually loads first time fine then refresh and it goes all scewiff.

    I’ve just gone through and deactivated every single plugin but the issue still occurred.

    Are you sure it’s not the bottom bar?

    Customisation options say container width is 1070.

    #1550691
    Simon

    By the way, I added that code too and cleared cache every time.

    #1550757
    Elvin
    Staff
    Customer Support

    Are you sure it’s not the bottom bar?

    It shouldn’t cause anything site breaking as its a simple CSS.

    It’s definitely unstable somewhere. It usually loads first time fine then refresh and it goes all scewiff.

    Yeah that’s true. The page doesn’t display the same way every time.

    There are times when it displays properly like this: https://share.getcloudapp.com/YEuQKG2x

    But then there are times where it displays similar to the issue you’re seeing which only loads this: https://share.getcloudapp.com/04uN0GXL

    By the way, I added that code too and cleared cache every time.

    Can you try completely disabling the caching plugin/s and check again?

    #1550773
    Simon

    Sorry, just to clarify, I don’t have specific caching plugins but I deactivated all my plugins, cleared my browser cache and still the same.

    What do you want me to do?

    #1550826
    Elvin
    Staff
    Customer Support

    We’ve identified the problem here: https://share.getcloudapp.com/jkuYqrrl

    It doesn’t load the stylesheets properly. (its being merged into 1 <style type="text/css">).

    This isn’t something the theme does by default. This is by some sort of a optimization plugins like WP Rocket’s critical CSS or Autoptimize’s CSS aggregation.

    #1551628
    Simon

    The issue turned out to be with my web hosting. They have a ‘SiteSpeed’ function with caches pages and was causing issues. Site is completely fine now.

    Even though this turned out not to be a theme-related issue, I just want to thank you so much for being so thorough. It’s very stressful when something like this happens and I really appreciate all your help and support! 🙂

    #1557006
    Elvin
    Staff
    Customer Support

    Nice one. 🙂

    No problem. Glad to be of any help. 😀

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.