VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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: 1.20 seconds
Monday 20 May 2019

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.