Jump to content

Archived

This topic is now archived and is closed to further replies.

seanocaside21

Fixed Section above fixed NavBar

Recommended Posts

seanocaside21+    10
seanocaside21

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

  • Like 1

Share this post


Link to post
Share on other sites
James B    436
James B

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/plugins/wp-topbar/

  • Like 2

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
seanocaside21+    10
seanocaside21

James B Thanks as always!

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

  • Like 2

Share this post


Link to post
Share on other sites
James B    436
James B

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

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
seanocaside21+    10
seanocaside21

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.

  • Like 1

Share this post


Link to post
Share on other sites
James B    436
James B

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.pagelines.com/advanced/hooks


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
seanocaside21+    10
seanocaside21

James B Great stuff! Thanks for your help!

 

Ill let you know how i get on 

Share this post


Link to post
Share on other sites

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • PierreFF
      By PierreFF+
      Hello, 
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
      Best,
      Pierre
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      http://mc1r-magazine.com/
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
      Tristan
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
    • nizami
      By nizami+
      I have a problem at http://kambo.world. Using navbar for the main site navigation. It works fine in normal/desktop mode [first screenshot], using the WP Menu I have specified. But in hamburger mode it seems to do its own thing, picking a few pages at random [second screenshot] A fix for this greatly appreciated! 
       


×