Getting help for your Smart CMS Website
There is no such thing as an average business
Where to go?
Achieving success managing your website could not be simpler. Choose an area from the navigation below or use our search facility or sitemap if you are unsure how to proceed.
Current version and revision history are available here
Handle every single aspect of your site
CSS Pop Out Menu
You can change your site's side navigation to use a pop out style menu. This feature is dependent on modern browsers and is not turned on by default.
To activate the fly out / pop out menu login to your administration area. Click the settings tab. Click on the link left hand navigation which can be found under the sub-heading site features and layouts
Choose yes from the use menu pop out drop down and click the submit button.
To make the pop out menu function to match your site you will need to change the CSS. If you have updated to a newer version you may need to re-add them.
The CSS values are;
.popmenu {width: 150px;}
.popmenu, .popmenu ul {margin: 0;padding: 0;border: 0;list-style-type: none;display: block;}
.popmenu li {margin: 0;padding: 0;border: 0;display: block;position: relative;z-index: 999;}
.popmenu li:hover {z-index: 99999;white-space: normal;}
.popmenu ul {visibility: hidden;position: absolute;z-index: 9999;left: 0;top: 0;}
.popmenu li:hover>ul {visibility: visible;left: 100%;}
.popmenu:after, .popmenu ul:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
.popmenu, .popmenu ul {min-height: 0;}
.popmenu ul {background-image: url(empty.gif);padding: 30px 30px 30px 10px;margin: -30px 0 0 -10px;}
.popmenu, .popmenu ul li {color: #000;background-color: #FFF;}
.popmenu ul {width: 210px;}
.popmenu a {text-decoration: none;color: #000;padding: .4em 1em;display: block;}
.popmenu a:hover, .popmenu li:hover>a {color: #FFF;background-color: #CCC;}
.popmenu li {border: 1px solid #ccc;}
.popmenu>li + li, .popmenu ul>li + li {border-top: 0;}
.popmenu li:hover>ul {top: 5px;left: 90%;}
.popmenu li:hover>ul {top: 5px;left: 90%;}
If your CSS file does not have them, you will need to add them first before making your changes.
Note: This pop out menu can have issues with Internet Explorer. The fly out menu may disappear under images and flash. Firefox, Opera and Google Chrome all work correctly.
| Share this page on: | ||||||
|
| « Previous: Page | Next » |
Other areas
- Change field names in the admin such as product author, make and model etc
- How to stop an update from over writing a language file
- Change the banner your site uses or images within the main design
- Changing the mini search box size
- Footer and slogan text
- How to make one section use a different style sheet from the main site
- Site logo
- Uploading an image from your main pages
- Uploading via Media Manager
- Image Editor effects
- Set a default display size for small images
- Using the item page Image rollover
- Change your site design
- Add a picture to a description box