Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #116258
    David
    Participant

    Is there a way to make page content flow back out to full width after a sidebar?

    For Example: I want to place advertising code for a 160×600 skyscraper to be shown on the right hand side of pages. I would like to use a sidebar widget to achieve this. But after the Ad, I would like the content of the page to expand back out to 100%, effectively ending the sidebar after the ad widget.

    As a bonus, I would like to hide the sidebar and ad widget depending on screen size. For example, I would only want the 160×600 ad code to show on desktops, and not wind up at the bottom of the screen on smaller devices.

    Any input is greatly appreciated.

    #116293
    Mahesh
    Keymaster

    @legendsofamerica: This is a boxed theme and max-width is 1200px. If you like to have full-width, I recommend you to use full-width themes.
    Hiding sidebar in mobile devices is possible with Custom CSS. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media screen and (max-width: 767px) {
        .sidebar-primary {
        	display: none;
        }
    }

    Regards,
    Mahesh

    #116316
    David
    Participant

    Excellent, thanks for the direction, I’ll play around with that. I plan to use more than one sidebar for different pages, so I assume then the custom css could be added for each, simply replacing .sidebar-primary with the appropriate .sidebar-“name”?

    #116337
    Mahesh
    Keymaster

    @legendsofamerica: For different sidebars, you can use plugins to control widgets visibility as per the page, so that you can show or hide it as per your requirement.

    Regards,
    Mahesh

    #116380
    David
    Participant

    Thanks so much Mahesh! Using ‘Content Aware Sidebars’ plugin, I’m now targeting specific custom templates with unique widgets for that template. I truly appreciate the guidance.

    #116443
    Mahesh
    Keymaster

    @legendsofamerica: Thank you so much for your appreciation. If you like my support then please support by providing your valuable review and rating at https://wordpress.org/support/theme/catch-responsive/reviews/#postform
    That will help me a lot. 🙂
    Have a nice day!

    Regards,
    Mahesh

    #116529
    Mahesh
    Keymaster

    @legendsofamerica: Thank you for your valuable review and rating. 🙂 I really appreciate it.

    Regards,
    Mahesh

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to make content wrap sidebar’ is closed to new replies.