Change logo position and menu

Professional Jomal template designed to be easily adaptable to all kinds of business
GK User
Wed May 12, 2010 8:08 am
Sorry if this has been covered before - i looked but could not find the exact point i needed covered.

What i'm trying to do is to allow for a larger logo in the logo position and the menu to float left - i did a hack that works for some browser but the problem is that the menu is sitting behind the logo and sometimes shows in some browsers. Here is the link http://flagwus.com/ Sure would appreciate some help figuring this out.

Best,
Ricalien
User avatar
Fresh Boarder

GK User
Wed May 12, 2010 8:22 am
We are working on solution for it - fix should be available in the nearest Corporate 2 update.
User avatar
Administrator

GK User
Thu May 13, 2010 9:19 am
Hi,

I have the same problem ... I want the top menu out altogether. I tried disabling it, it does now work. I want the top menu out completely. Please help ...

Sho
User avatar
Fresh Boarder

teitbite
Thu May 13, 2010 12:28 pm
Hi

Please show me Your site.
User avatar
Moderator

GK User
Fri May 14, 2010 1:04 am
ricalien wrote:
Sorry if this has been covered before - i looked but could not find the exact point i needed covered.

What i'm trying to do is to allow for a larger logo in the logo position and the menu to float left - i did a hack that works for some browser but the problem is that the menu is sitting behind the logo and sometimes shows in some browsers. Here is the link http://flagwus.com/ Sure would appreciate some help figuring this out.

Best,
Ricalien


It look good on FF and IE8.
On IE7, you need to add this line on ie.css file:

Code: Select all
h1.logo {margin-top: 27px}


Cheers ;)
User avatar
Platinum Boarder

GK User
Fri May 14, 2010 2:20 pm
Hello

I have tried my best to replicate the site mentioned in the topic above http://flagwus.com/ the site i am upgrading is at [hide]http://comtest.co.za/new/[/hide]
But the menu i am using has a lot more options and the menu's on the far right are starting to fall off.
Would really appreciate any input
as far as i can see it is just these 3 lines of code that are edited

gk_stuff.css
#gk-nav .gk-megamenu { padding:0 184px; background:#6c6459; }

template.css
h1.logo { width:200px; height:100px; background:#f4f2ef url('../images/logo.png') no-repeat 0 0; padding:0 10px 0 0; position:absolute; top:-24px; width:180px;}
...
#gksdl-mainnav { float:right; }
#gk-megamenu { margin-left:30px; }

thanks
User avatar
Fresh Boarder

GK User
Fri May 14, 2010 7:42 pm
Much more from that. ;)

What precisely do you want?
Can you show some screenshot (colors, etc)? just to have an idea.
User avatar
Platinum Boarder

GK User
Fri May 14, 2010 8:58 pm
not sure why the logo i put their disappeared - please check again
you should see the logo i have worked on
thanks
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 5:38 am
Hey People,

I am also trying to get a larger logo. I can get it wider, but if I make it taller than it currently is, the nav bar gets taller too and looks funny. I just want to be able to use the space above the nav for the logo.

Cheers,
Brad
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 7:17 am
i got it working guys... looks good in megamenu , but got it fucked up somewhere in the other menus...

my logo manipulation looks like this in the template.css file :

Code: Select all

/* logo styling */
h1.logo,
div.logo-text { float:left; padding:0 10px 0 0; background:#f4f2ef; }
#gk-mainnav {margin-left: 260px}
h1.logo {position:absolute;top:-33px;}
h1.logo { width:250px; height:110px; background:transparent url('../images/logo.png') no-repeat 0 6px; padding:0 20px 0 0; }
h1.logo>a {width:250px; height:110px; text-indent:-999em; display:block; }


see my www. in my signature and see the result of this..
User avatar
Platinum Boarder

GK User
Sat May 15, 2010 8:00 am
looks good, but as you said, your login form popup and the interior pages have all taken a hit
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 9:09 am
hmmm the login form popup is in the right place when i look... so really don't know what you mean... take a look at my screenshots...


Image
User avatar
Platinum Boarder

GK User
Sat May 15, 2010 9:41 am
Please look at content page and screen attached - this was on FF for MAC OSX
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 9:42 am
no screen attached...?
User avatar
Platinum Boarder

GK User
Sat May 15, 2010 9:44 am
it was refused by system as too big - here it is... keeps refusing my image. --- too many rules!!! Too big, too many pixels, la la la
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 9:54 am
image below...
User avatar
Fresh Boarder

GK User
Sat May 15, 2010 9:59 am
what i do is upload it to my www, and then attach it with the [ img ][ /img ] tags...
User avatar
Platinum Boarder

GK User
Mon May 17, 2010 11:30 am
Please can someone have a look at my menu problem
With the help of this forum the bigger logo appears fine [hide]http://www.comtest.co.za/new/[/hide]

The big top megamenu does not extend all the way to the right - instead it starts to fold under itself and i still need to add more buttons to the top menu

Thanks
User avatar
Fresh Boarder

teitbite
Tue May 18, 2010 12:45 pm
rasada wrote:
Please can someone have a look at my menu problem
With the help of this forum the bigger logo appears fine [hide]http://www.comtest.co.za/new/[/hide]

The big top megamenu does not extend all the way to the right - instead it starts to fold under itself and i still need to add more buttons to the top menu

Thanks


Hi

Please try to add this at the end of template.css file:

Code: Select all
#gk-nav #gk-cssmenu,
#gk-nav #gk-splitmenu,
#gk-nav #gksdl-mainnav,
#gk-nav .gk-megamenu {
padding:0 0 0 184px !important;
}
User avatar
Moderator

GK User
Tue May 18, 2010 1:22 pm
perfect - thank you so much
User avatar
Fresh Boarder

GK User
Wed May 19, 2010 4:35 pm
Is there a new Corporate 2 release coming? Logo is really messed up in CSS.
User avatar
Fresh Boarder

GK User
Wed May 19, 2010 7:07 pm
i read in another topic that there was a update very soon (like end of the week)
User avatar
Platinum Boarder

GK User
Wed May 19, 2010 9:44 pm
explodedk wrote:
i got it working guys... looks good in megamenu , but got it fucked up somewhere in the other menus...

my logo manipulation looks like this in the template.css file :

Code: Select all

/* logo styling */
h1.logo,
div.logo-text { float:left; padding:0 10px 0 0; background:#f4f2ef; }
#gk-mainnav {margin-left: 260px}
h1.logo {position:absolute;top:-33px;}
h1.logo { width:250px; height:110px; background:transparent url('../images/logo.png') no-repeat 0 6px; padding:0 20px 0 0; }
h1.logo>a {width:250px; height:110px; text-indent:-999em; display:block; }


see my www. in my signature and see the result of this..


This did exactly what I wanted, just make sure your logo doesn't cover any buttons on the menu because they will stop working and be sure to add the code to the ie.css file that Seichinha from the Gavick Team mentioned near the top:

Code: Select all
h1.logo {margin-top: 27px}
User avatar
Fresh Boarder

GK User
Wed May 19, 2010 11:38 pm
After edit on FlagWUS.com to menu, when I go to content sections (news) the login|register no longer works...

Why is this? I have only implemented the hack i did above and not the ways that the others here suggest.
User avatar
Fresh Boarder

GK User
Thu May 20, 2010 1:45 am
ricalien wrote:
After edit on FlagWUS.com to menu, when I go to content sections (news) the login|register no longer works...

Why is this? I have only implemented the hack i did above and not the ways that the others here suggest.


What exactly did you change?
Did you change something on component pages? On blog_item.php, for example?
User avatar
Platinum Boarder

GK User
Thu May 20, 2010 2:33 am
No, no other changes. I will go back and look at my backup files to see what may have occurred. I changed two CSS files only.
User avatar
Fresh Boarder

teitbite
Sat May 22, 2010 2:03 pm
Hi

Please add at the end of http://www.dihlabengonline.co.za/templa ... te_css.css

div#menu {
margin-top:0 !important;
}

div#menu_wrapper {
min-height:41px !important;
}
User avatar
Moderator

teitbite
Sat May 22, 2010 2:04 pm
[center]Image[/center]
User avatar
Moderator


cron