Jump to content


Photo
- - - - -

Fixed Section above fixed NavBar

Navbar Fixed Navbar

  • Please log in to reply
6 replies to this topic

#1 seanocaside21

seanocaside21

    Advanced Member

  • Members

  • 74 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 January 2014 - 03:31 PM

Hi Everyone, 

 

I am working on a project and was wondering if it is possible to introduce a fixed full width section above the fixed navBar?

 

It would contain things like contact details, social media icons and possibly a newsletter sign-up form.

Something like this site: http://www.thewhiskybond.co.uk/

 

Any advice / help would be appreciated. 

 

Cheers,

 

Sean


  • assomibatrifs likes this

#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 January 2014 - 01:43 AM

Hi there, it's possible. There is a hook above the fixed navbar you could use. http://screencast.com/t/V9sKQkYAZV47

 

You'd be able to put content in there using a hook, not add as a drag and drop section etc. If you added the items like a search box, icons as html inside a container div into the hook, you could then align them with css into the desired position.

 

Might be easier to use a plugin though, something like - http://wordpress.org...gins/wp-topbar/


  • assomibatrifs and seanocaside21 like this

#3 seanocaside21

seanocaside21

    Advanced Member

  • Members

  • 74 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 28 January 2014 - 09:48 AM

@James B Thanks as always!

Trying to skill-up so ill give the hook option a go. 


  • James B and assomibatrifs like this

#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 January 2014 - 11:03 PM

You're welcome, let us know how you get on.


  • assomibatrifs likes this

#5 seanocaside21

seanocaside21

    Advanced Member

  • Members

  • 74 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 29 January 2014 - 01:33 PM

Hi @James B

 

Just a quick one... the screencast link you have above is broken.

I wonder could you point me in the right direction for the hook that relates to above the navbar. 

 

Also, i am using the Hooker plugin and wonder are the hooks added to the child themes functions.php or the DMS functions.php? 

Reason being is that i understand adding to the child theme will prevent any hooks added from being erased. 

 

Thanks for your help. 

 

Sean.


  • assomibatrifs likes this

#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 29 January 2014 - 10:38 PM

Hi Sean

 

Not sure what happened there, have reloaded for you http://screencast.com/t/iwzD6uGjvEoy

 

I would say wp_head or Pagelines_before_navbar are the best options.

 

Always add hooks to the child theme functions.php, that way they are saved on update.

 

Examples of Pl hooks can be seen for reference at - http://docs.pageline.../advanced/hooks



#7 seanocaside21

seanocaside21

    Advanced Member

  • Members

  • 74 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 January 2014 - 09:44 AM

@James B Great stuff! Thanks for your help!

 

Ill let you know how i get on 







Also tagged with one or more of these keywords: Navbar, Fixed Navbar