Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Widget Area Before Content

Home Forums Support Widget Area Before Content

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #144251
    Andreas

    Hi Guys,

    I whant to display the widget area befor site-content in mobile and tablet view.

    How can I do this?

    Thanks in advance
    Andreas

    #144254
    Andreas

    I will display this only for the page “Vehicles”

    http://wp1139019.server-he.de/fahrzeuge/

    #144316
    Tom
    Lead Developer
    Lead Developer

    Give this CSS a try:

    @media (max-width: 768px) {
          .site-content {
                display: table-footer-group;
          }
          .sidebar {
                display: table-header-group;
          }
    }
    #144366
    Andreas

    Hi Tom,

    thanks for the quick responce. The CSS does not work for me…

    #144381
    Andreas

    I found a solution! Look at this

    @media only screen and (max-width: 1023px) {
    	.site-content {
    		display: table;
    	}
        	.site-main {
    		display: table-footer-group; float: none;
    	}
        	.sidebar {
    		display: table-header-group; float: none;
    	}
    }
    #144439
    bdbrown

    Glad it’s working. Thanks for sharing your solution.

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