• Resolved Ximbalo

    (@ximbalo)


    Hi I’d like to report a problem that I’ve seen on ALL of my customer websites starting over the past few months with how the AIOWPS dashboard layout is affected on screens larger than 1800px wide. ( i.e. your common 1920 x 1080 resolution monitor )

    Normally — the home screen dashboard for AIWOPS has 2, 3 or 4 columns depending on screen resolution. Just like the WP home dashboard screen.

    But recently in any browser wider than 1800px the layout breaks and you get only full-width single columns.

    So in order to fix this I’ve been having to add the following CSS code to the Admin Panel for any and all of my customer sites:

    @media only screen and (min-width: 1801px) {
    	#wpbody-content #dashboard-widgets .postbox-container {
    		width: 33%;
    	}
    }

    I’m hoping that you can take a look at this, verify and provide an update to fix the problem?

    Thank you very much,

    XIMBALO
    Professional WordPress Developer

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Ximbalo

    (@ximbalo)

    UPDATE:

    Having taken a closer look I can see that the AIOWPS plugin is adding this line of code that overrides the global, built-in styles for draggable dashboard postbox-container elements:

    #poststuff .postbox-container {
        width: 100%;
    }

    This line of CSS appears on screens larger than 1800px wide overriding the built-in CSS logic of the WP Admin, which would usually be in effect:

    #dashboard-widgets .postbox-container {
        width: 25%;
    }

    In order to fix this, using “Add Admin CSS” plugin, I have started adding this CSS to restore the default WP admin area formatting for dashboard widget postbox containers on the AIOWPS dashboard only:

    /* Fix AIOWPS Dashboard Layout */
    @media only screen and (min-width: 1801px) {
      .toplevel_page_aiowpsec #dashboard-widgets .postbox-container {
         width: 25% !important;
      }
    }
    • This reply was modified 5 years, 9 months ago by Ximbalo. Reason: Clarification, Grammar
    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, thank you for reaching out to us.

    I have submitted a message to the developers to investigate further your solution.

    Kind regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Security Dashboard Layout Problems’ is closed to new replies.