Hide section sidebar on some menu items

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Apr 23, 2013 3:41 pm
Reply with quote
Report this post
Hi

On front-page the <section sidebar is not shown.
How can I make this behavior for other menu items too?

What I would like is to not show my left menu that shows on most pages in section sidebar.
On some pages there should be no <section sidebar

Under template I can set with, but can i set it to '0'

Henrik
User avatar
Expert Boarder

GK User
Tue Apr 23, 2013 5:11 pm
Reply with quote
Report this post
Can you please post a screenshot of which section you are referring to as in demo page sidebar is on the right handside.

http://demo.gavick.com/joomla25/startup ... variations

Where modules "Suffix " dark"" starts I believe.
User avatar
Platinum Boarder

GK User
Wed Apr 24, 2013 8:46 am
Reply with quote
Report this post
Sorry, it's the "sektion"
Code: Select all
<aside id="gkSidebar">


Where in demo is SUFFIX DARK.

In my web-site I normally have a left menu (my aside is set to left in template).
But on some pages (menu-items) I don't want the aside section. But it shows this part empty like this:
Code: Select all
<aside class="gkOnlyOne" id="gkSidebar">   </aside>


Henrik
User avatar
Expert Boarder

GK User
Wed Apr 24, 2013 9:16 am
Reply with quote
Report this post
Add following css code in to override.css and enable css override option in template settings > advanced settings > css override "on".

Code: Select all
.nosidebar #gkSidebar { display: none;}
.nosidebar #gkContent { width: 100%:}


Now we need to add page suffix " nosidebar" to your chosen menu items.
For this example I will use "Home" menu item which has menu item id of "101". To see menu item ids go to your main menu and follow menu item, at the end of each menu item it has "menu item id".

1. Now go to template settings > features > Find "Suffixes for pages".
2. Enter item id in "ItemID/Option:". In this example I will enter "101" without quotes.
3. Enter suffix which is " nosidebar" without quotes and an empty space in front. Click on add rule.
4. Now you will see extra line underneath, in my example i have "ItemID 101 nosidebar"
5. Save and close template settings.

Now when ever you go to your menu item which you chose above joomla will add .nosidebar page suffix which then will use its own css which we have added right at the top of this topic. It will simply hide sidebar and extent content width from 64% to 100%.

So now you need to enter steps 1 to 5 for all menu items you want to disable the sidebar.

If this doesn't work I need to see html markup of your website so please post your website link.

See you around...
User avatar
Platinum Boarder

GK User
Fri May 10, 2013 12:51 am
Reply with quote
Report this post
It worked. Thank you for a good guide.
User avatar
Expert Boarder

GK User
Fri May 10, 2013 2:35 am
Reply with quote
Report this post
No problem at all, see you around...
User avatar
Platinum Boarder


cron