How to make content wrap sidebar

Tagged: sidebar

This topic has 6 replies, 2 voices, and was last updated 7 years, 5 months ago by Mahesh.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 24, 2017 at 11:10 am #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.

May 25, 2017 at 12:19 am #116293
Mahesh
Participant
@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
May 25, 2017 at 8:16 am #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”?

May 25, 2017 at 11:41 pm #116337

Mahesh
Participant

@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

May 26, 2017 at 8:30 am #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.

May 29, 2017 at 6:44 am #116443

Mahesh
Participant

@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

May 31, 2017 at 4:45 am #116529

Mahesh
Participant

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

Regards,
Mahesh
Author

Posts