Editing the main menu

Question

As I'm new with Seotoaster I just try first editing the includes sample to my design needs on localhost.
I have a problem getting rid of the home symbol in the main menu.
I will prefer just to have "Home" as text.
Even when when I change the categorie order every time the first button get the symbol.
Where is the rule for it to change?



Hi,
thanks for quick reply but I'm talking about editing the style of the main menue. At the bike sample page you have a small house as home symbol on the left and I can not get it out. All other necessary editing I catched up with css, but Icouldn"t find a choice to change that.
Thanks,
Thomas

Answer 1

Hello Thomas,

if you're talking about the website logo found usually at top left corner, then this is in fact using the websiteIDcard token {$plugin:widcard:bizLogo}. You can either upload your logo there by going to the websiteIDcard menu or remove that token from the html templates (index and others), so that it does not show up at all.

It's pretty convenient to use these tokens, as you can then have all your company information located in one place. When you update it, all your templates update that way.
WebsiteIDcards token also help to build mobile versions of your website, or building automatically your geolocated KML file found at /website.kml. More info about this here; http://www.seotoaster.com/local-search-engine-optimization.html
 
You can find a list of system tokens at http://www.seotoaster.com/cheat-sheet.html

Comments

Hi,
thanks for quick reply but I'm talking about editing the style of the main menue. At the bike sample page you have a small house as home symbol on the left and I can not get it out. All other necessary editing I catched up with css, but Icouldn"t find a choice to change that.
Thanks,
Thomas

---

You need to remove some css styles.
Go to "Layout" -> "Edit Css". Choose "nav.css" from the drop down list. Delete the following piece of code:

ul.main_menu li.cat-1 a {
   font-size: 0;
   padding: 8px 20px 11px;
}

After this go to "toaster-icon.css" and delete this small code snippet:

.icon-home:before, .main_menu .cat-1 a:before {
 content: "\e000";
}

---

That was it!
First step I figured out my self, but with the second step it got perfect.
Thanks a lot,
Thomas