Menu options - icons dont display

Hi

In the main template menu I try to put icons but thear not display

1. In joomla admin
I go to the: menu /main menu/Link Type Options
Then I select an image for my menu ... but nothing change
What I have to do to display the icons in the menu for this template?

2. How I can make the menu width of 100% and position fixed as you have on your page

ex: https://www.gavick.com/joomla-templates.html

Regards
Pascu
pingmail.biz

Hi,
1. Please read this http://www.gavick.com/magazine/how-to-a ... -menu.html
2. Please can you give us url to your site? It will be much easier to help you.

Hi,
1. Please read this http://www.gavick.com/magazine/how-to-a ... -menu.html
2. Please can you give us url to your site? It will be much easier to help you.

1. I've done the steps theat your provided me ( http://www.gavick.com/magazine/how-to-a ... -menu.html ) ... but the changes are not made, for this reason I ask in forum



2.Hi Mi site is www.pingmail.biz

Hi

1. I've done the steps theat your provided me ( http://www.gavick.com/magazine/how-to-a ... -menu.html ) ... but the changes are not made, for this reason I ask in forum



2. Mi site is www.pingmail.biz


Regards
Pascu

1. With the issue, I've been waiting your reply since Wednesday of last week ( icons dont display in menu options )

2. I want to make a menu like this: http://demo.rockettheme.com/?template=modulus

I did this code , I do not know how to center the menu items

#gkPageTop {
background: url("../images/style2/menu_sprite.png") repeat-x scroll 0 0 #000000;
border-bottom: 1px solid #D23D06;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}

2. First of all you have to move menu out of

Code: Select all

<div id="gkWrap1">


becasue menu is inside and outer div has set width to 1002px. So even if you spread it to 100% it will have only 1002px. You can do this in layouts/default.php. Then you will have to add postion:fixed to your menu in override.css file.

1. To show menu please try add class to menu item. For example to home add class home and then try add to override.css

Code: Select all

.home {
background:url(../images/my_bg.jpg) top left no-repeat;
}


and then copy your image to images folder inside template folder. And remember to enable override.css option in template settings.

I appreciate your support.

1. In Menu / Menu Params (GavickPro) I put this tag " home"

and in : /templates/gk_penguinmail/css/override.css

.home {background:url(../images/home.png) top left no-repeat;}
width:100px


It works but the menu title is above the logo .. as I fix this?

2. With this I try in every way ... I get that the menu as width: 100% position :fixed ... but the menu elements are not centered like in http://demo.rockettheme.com/?template=modulus

1. Please add this image gain becasue I don't see it now on your page nad I can't give you css code.
2. I told you in previous post you need move menu out of '<div id="gkWrap1">' in source code. And then you have to center it using margin property.

Hi Konrad

I Just activate the overdine.css again, so you can see the code

1. In /templates/gk_penguinmail/css/override.css I have this code:

.home {
background:url(../images/home.png) top left no-repeat;
width:100px;
}


#gkPageTop {
background: url("../images/style2/menu_sprite.png") repeat-x scroll 0 0 #000000;
border-bottom: 1px solid #999;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}



2. In /templates/gk_penguinmail/layouts/default.php I have made this change:

<div id="gkInfobar"><a href="http://browsehappy.com"><?php echo JText::_('TPL_GK_LANG_IE6_BAR'); ?></a></div>
<![endif]-->

<?php $this->messages('message-position-1'); ?>
<?php $this->loadBlock('nav'); ?>
<div id="gkBg">
<div id="gkWrap1">


<?php $this->loadBlock('header'); ?>
</div>
</div>

I see you achieve menu effect as you want. To remove home word in home item please change your code to this one:

Code: Select all

.home {
background: url(../images/home.png) top left no-repeat;
width: 100px;
text-indent: -9999px;
}


Hi

Thank you

2. but the menu elements are not centered like in http://demo.rockettheme.com/?template=modulus


What I do not get is centered menu items , Has a solution for that?

Regards
Pascu

Please try add to override.css

Code: Select all

#gkMenu {
margin-left:5%;
}


and increase or decrease this value to center your menu.