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...