VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Fixed Header/Menu

Fixed Header/Menu 13 Jun 2013 14:33 #2171

Hello,

i have another question about the jf grafeeze template.

My plan is to fix the navigation on top (moduleposition "hornav" and the logo) so when i scroll down the page, it can be seen anyway.

Sorry for my bad english, i hope you understand my question.

How can i do that? I guess i have to edit template.css or menu.css

  • Posts:6
  • X85301
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Fixed Header/Menu 14 Jun 2013 07:21 #2176

Hi,

this is to do:

template.css line: 136

position: fixed; top:0; left:50%; margin-left:480px;

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0

Re: Fixed Header/Menu 14 Jun 2013 08:04 #2179

hello,

thanks for your quick answer - but it looks like i am to dumb for this

i used 5 different editors and each showed me a different line 136. Could you tell me which of these lines is #136 and do i have to ADD this or must i remove something other for?

/* Full */#containerwrap-f {  }
#containerwrap-f #containerwrap2 { background: none; }
#containerwrap-f #container,
#containerwrap-f #container2 { background: none; position: fixed; top:0; left:50%; margin-left:480px; }
/* Full left */#containerwrap-fl { }
#containerwrap-fl #containerwrap2,
#containerwrap-fl #container,
#containerwrap-fl #container2 { background: none; }
/* Full right */#containerwrap-fr { }
#containerwrap-fr #containerwrap2 { }
/* HEADER */#headerwrap { color: #CCCCCC;line-height: normal;padding:50px 0 100px 0; }
#header { float:left;height: 80px; }
.headermask { width: 602px;display: block;height: 80px;position: absolute;top: 0;right: -1px; }


i hope you can help me

  • Posts:6
  • X85301
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Fixed Header/Menu 14 Jun 2013 11:06 #2181

Use Notepad++ and see this image...

This image is hidden for guests. Please log in or register to see it.
Last Edit: 14 Jun 2013 11:07 by m.freak.

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0

Re: Fixed Header/Menu 14 Jun 2013 11:22 #2183

when i put it there, header is fixed, but on the right side

  • Posts:6
  • X85301
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Fixed Header/Menu 14 Jun 2013 11:37 #2185

delete:
left:50%;margin-left:480px;


and add:
margin: 0 auto; z-index:999;
Last Edit: 14 Jun 2013 11:38 by m.freak.
The following user(s) said Thank You: X85301

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
  • 2
Time to create page: 0.75 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.