[David]

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.

[Mahesh]

@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

[David]

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”?

[Mahesh]

@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

[David]

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.

[Mahesh]

@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

[Mahesh]

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

Regards,
Mahesh

[Author]

Posts