Horizontal menu

September 2015 Joomla Template
GK User
Mon Sep 05, 2016 11:28 am
Hi
Is ist possible to add a horizontal menu above the mainbody in Technews, eg Header position? I tried adding some CSS code given elsewhere in this forum for other templates, to the overide CSS, but it didn't work so far.
Thanks
User avatar
Expert Boarder

teitbite
Thu Sep 08, 2016 10:05 am
Hi

Please add this menu to site and tell me the url to the page where I'll be able to see it.
User avatar
Moderator

GK User
Mon Sep 12, 2016 9:39 am
Hi
The url is:
http://www.clubmeal.co.uk/index.php/cou ... ast-sussex
I have put the menu module in the mainbody_top position, as this sees to be the best location. It was causing layout problems in the header and top1 positions.
I have also noticed with a user logged in, and with the screen at mobile size, the user details cause a conflict with the menu as well. This is because they drop down below the logo and responsive menu positions. I would be grateful if you have an idea how to solve this as well.
You can see what I mean by logging in as:
testuser1
password: t3stus3r1
Thanks for your help.
User avatar
Expert Boarder

GK User
Mon Sep 12, 2016 5:18 pm
PS mainbody_top in fact caused worse issues for me, so reverted to Header position for the time being. Unfortunately the start of the menu does'nt line up with mainbody, presumably because the header has 100% width.
Thanks.
User avatar
Expert Boarder

GK User
Mon Sep 12, 2016 5:42 pm
PPS I may have solved the conflict with the logged in user details and gravatar dropping down to the next line and blocking out the menu details in the header; I had some CSS override code supplied by Gavick to sort out a login box issue, and I've edited it as follows;
From: @media only screen and (max-width:640px) {
#gkUser span {
display: block;
}
to @media only screen and (max-width:640px) {
#gkUser span {
display: none;
}
This seems to hide the user name details in mobile screen mode, and avoids the drop down problem.
Thanks
User avatar
Expert Boarder

teitbite
Thu Sep 15, 2016 1:27 pm
Hi

Can You please show me this login issue on screenshot ? I do not quite understand.

For horizontal menu use this code:

Code: Select all
#gkHeaderMod ul li {
    color: #fff;
    display: inline-block;
    float: none;
    margin: 0 20px;
}

#gkHeaderMod ul li a {
    color: #fff;
}

#gkHeaderMod ul li a:hover,
#gkHeaderMod ul li a:focus,
#gkHeaderMod ul li a:active {
    color: #ddd;
}
User avatar
Moderator

GK User
Fri Sep 16, 2016 10:32 am
Hi
Many thanks for the CSS for the horizontal menu. That's great. Much appreciated!
Don't worry about the login issue; I think I've sorted it out myself.
Thanks again, great support and great templates!
User avatar
Expert Boarder

teitbite
Sun Sep 18, 2016 1:16 pm
Hi

Ok. Great You've been able to figure out the login issue. Since everything is resolved I'm closing this thread.
User avatar
Moderator


cron