Issue on site with mobile/responsive only vertical

  • Author
    Posts
  • #96123

    I have been running with Nirvana for a long time and had successfully tested on mobile/responsive in the past.

    Problem: When in portrait/vertical mode on a mobile device, the header loads but the content on any posts does not show. When I use dev tools in chrome from desktop, all of the content of the post appears in the leftmost 5%. When flipping to landscape/horizontal on the phone or dev tools, the content of posts displays successfully (but the width of what it should have been in portrait).

    Current info:
    WP 5.3
    PHP 7.1.33
    Nirvana 1.5.2
    SiteGround hosting

    Troubleshooting completed:
    I switched to twentytwenty theme and content displayed as expected. I disabled all plugins and switched back to Nirvana and the problem reoccurred.

    Site is currently configured with Nirvana to reproduce the problem at will.

    Thanks!

    Website: masterson.design

    #96350

    I’ve narrowed the issue down to Nirvana’s sidebar usage. Main content is squished down to nothing if either two-column layout is selected. Using a single column (which I have currently enabled as a work-around) preserves all main content.

    #96387
    Zed
    Cryout Creations mastermind

    Please disable CSS and content minifying and check if the issue is still present.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #96574

    Thanks @Zed. That did indeed alleviate the issue. Is this something that could be corrected/fixed, or will I need to keep these performance features disabled long-term?

    Thanks again!

    #96794
    Zed
    Cryout Creations mastermind

    We didn’t see issues with CSS minifying since Nirvana 1.5 when we rewrote some of the CSS styles. Perhaps your plugin is mixing the CSS too much (joining the different files in a wrong/random order).

    The CSS needs to remain in the same order it would be included in un-minified. Does the plugin provide any options related to how it does the minifying/order of CSS files?


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #96828

    ok, thanks @Zed. I might consider disabling the feature in the SG plugin and look for a 3rd party one in the future. SG provides a lot of features within their all-in-one plugin, but the depth of configuration is pretty limited as you can see below.

    SG_Optimize front-end options

    #96853
    Zed
    Cryout Creations mastermind

    Test combining without minifying and minifying without combining to see which one of the processes is the cause of the issue.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Issue on site with mobile/responsive only vertical’ is closed to new replies.