how can I customize the header and menu to be similar to thi

GK User
Sat Feb 11, 2012 6:33 pm
how can I customize the header and menu to be similar to this site:

Image


http://www.comunicacaogospel.com.br/
User avatar
Senior Boarder

GK User
Sat Feb 11, 2012 7:22 pm
Hi.
What exactly you want to do?
User avatar
Platinum Boarder

GK User
Sat Feb 11, 2012 7:34 pm
Hello, thanks for attention.

I need:

put "logo" to the right.

hide topmenu1
hide midlemenu
hide topmenu2


to extend the menu to the window width.

Image
User avatar
Senior Boarder

GK User
Sat Feb 11, 2012 7:42 pm
I visited your site and the menu is already extended to the window width.
To move logo to the right please open template.css file and edit the following line:
Code: Select all
 h1#gkLogo a img {
height: 70px;
margin: 15px 5px 15px 0px;  //change last value, eg. 200px.
float: left;
}

To hide modules please go to administrator panel --> extensions --> module manager and there try to disable it but I think all already is done.
User avatar
Platinum Boarder

GK User
Sat Feb 11, 2012 7:44 pm
mikeMB wrote:I visited your site and the menu is already extended to the window width.
To move logo to the right please open template.css file and edit the following line:
Code: Select all
 h1#gkLogo a img {
height: 70px;
margin: 15px 5px 15px 0px;  //change last value, eg. 200px.
float: left;
}

To hide modules please go to administrator panel --> extensions --> module manager and there try to disable it but I think all already is done.


hello,

this is not my site.

I wanted my site to stay with the menu like this site

thank's
User avatar
Senior Boarder

GK User
Sat Feb 11, 2012 7:46 pm
Ohh... So please paste link to your site.
User avatar
Platinum Boarder

GK User
Sat Feb 11, 2012 8:40 pm
mikeMB wrote:Ohh... So please paste link to your site.


http://www.voxgospel.com.br
User avatar
Senior Boarder

GK User
Sat Feb 11, 2012 9:12 pm
#1. Menu on this site: http://www.comunicacaogospel.com.br/ is extended to window width because it is background image.

#2. To moving logo please edit template.css file and edit the following line:
Code: Select all
 h1#gkLogo a.cssLogo {
background: url('../images/style1/logo.png') no-repeat 0 0;
display: block;
height: 50px;
text-indent: -999em;
width: 390px;
margin: 0 auto;  // eg. instead auto - 500px;
z-index: 1001;
}


#3. To hide modules please go to administrator panel --> extensions --> module manager and there try to disable it.
User avatar
Platinum Boarder


cron