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!
Removing a column for mobile view?
-
- Propeller Head
- Posts: 23
- Joined: Wed Jan 13, 2016 1:06 pm
Re: Removing a column for mobile view?
If you look in your master page, you'll see that the menu is inside:
So you need to hide div.sideContent in your tablet and mobile mediums:
Code: Select all
<div class="sideContent">
Code: Select all
@media tablet
{
div.sideContent
{
display: none;
}
}
@media mobile
{
div.sideContent
{
display: none;
}
}
-
- Propeller Head
- Posts: 23
- Joined: Wed Jan 13, 2016 1:06 pm
Re: Removing a column for mobile view?
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.
Re: Removing a column for mobile view?
OK, it worked for the MadCap template I was looking at.Q2TechWriter wrote: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.
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).