Removing a column for mobile view?

[Q2TechWriter]

Is there a way to remove the right column from the "othertopics" masterpage for the mobile view? I've removed the side menu for mobile and tablet view, but the content within those pages still only goes about 70% across the screen.

I still want to keep the column and side menu for web view, but I would like it removed so my content can span the page on tablet and mobile. Thanks!

[NorthEast]

If you look in your master page, you'll see that the menu is inside:

Code: Select all

<div class="sideContent">

So you need to hide div.sideContent in your tablet and mobile mediums:

Code: Select all

@media tablet
{
	div.sideContent
	{
		display: none;
	}
}

@media mobile
{
	div.sideContent
	{
		display: none;
	}
}

[Q2TechWriter]

Thanks, Dave Lee, but I've tried that. It doesn't work. The menu doesn't display, but the column still remains as empty and the text doesn't span across the page.

[NorthEast]

Thanks, Dave Lee, but I've tried that. It doesn't work. The menu doesn't display, but the column still remains as empty and the text doesn't span across the page.

OK, it worked for the MadCap template I was looking at.

It's hard to say without seeing what you're actually using, so perhaps post the HTML of your master page and any related CSS (including mediums).