Jump to content

Archived

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

Keith Vaugh

Nav bar with logo centred? - Is it possible

Recommended Posts

Keith Vaugh

Hi all 

 

Considering something for a new site and need to see if anyone could point me in the right direction.

 

Imagine I have six buttons in my nav bar. I what the logo to appear in the centre i.e. three buttons either side. Also I would like as the page scrolls that the navbar sticks to the top with a smaller (possibly different) logo still centred. 

 

Anyone familiar with Scroll Header Pro or Scroll Nav DMS sections by bestrag  know if they might do the trick?

 

Thanks

Keith

Share this post


Link to post
Share on other sites
Guest
Why not just use MediaBox on top of NavBar or SimpleNav or Navi? DMS 2 has a fixed area. Just put those 2 sections (image and nav) in the fixed top section.

Share this post


Link to post
Share on other sites
Keith Vaugh

Not exactly what I want. I need the logo in the centre of the navbar. Imagine three columns, the left column would have three buttons, the certre the logo and the right column the the other three buttons. The Buttons would also be aligned vertically centred! 

Share this post


Link to post
Share on other sites
Guest
No need to use exclamation point...
Consider creating 2 menus in wp-admin, then using 3 columns in fixed area, SimpleNav on left, image in middle col, SimpleNav on right.

Share this post


Link to post
Share on other sites
Keith Vaugh

No disrespect ment. Punctuation was never my strongest area.  

 

Can you split the menu's like that? Have come across this URL which has a CSS method. http://stanislav.it/how-to-center-a-logo-in-unordered-list-navigation-using-css3-nth-child-selector/

Haven't tried implement it yet, still trying to get my head around DMS.

Share this post


Link to post
Share on other sites
Guest
You could create LESS/CSS code for a class like .navmiddlelogo and then have a single menu in wp-admin and add the navmiddlelogo class to the 4th menu item (use Screen Options in wp-admin's Menu page).

Share this post


Link to post
Share on other sites
Danny

You can try doing what I wrote here - http://forum.pagelines.com/topic/32656-centering-fixed-navbar-logo-and-menu-also-resizing-logo/

Its probably the simplest method without get your hands dirty. Whether or not you can do this in the sections you mentioned above, I can't tell you, as I have never used them.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Keith Vaugh

Thanks CliffordP for your suggestions. Makes some sense. 

 

Danny thank you for the link. That didn't turn up when I did the search earlier but appears to the very close to what I want. I guess I'll be doing some messing with code over the next few days. 

 

Will let you both know how I get on. 

 

Keith

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • 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.


×