branding sticky nav bar

Figment15
(@figment15)

8 years, 8 months ago

Hello – I have seen lots of unresolved posts for this and a few with resolutions that just don’t seem to work out. I would like to add a custom branding logo to the sticky nav bar in the twenty seventeen theme (floating it to the left) and push the links to the right of the branding. I am making all my modifications to a child theme. If anyone can help me by either providing a solution or at least a starting place for me to start to tinker I would greatly appreciate it.

I am running on a local install before publishing live to my host so I am open to any suggestions :0)

Thanks.

Viewing 1 replies (of 1 total)

(@bdew)

Hi Figment15

In my twentyseventeen-child/template-parts/navigation I copied across the file navigation-top.php from the twentyseventeen theme and amended it like so:

<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Top Menu', 'twentyseventeen' ); ?>">

<!-- added these 2 items to navigation bar -->
<img src="/wp-content/uploads/2016/02/Site-Icon-e1485554741153.jpg" class="GGClogo" /><span class="GGCphone">01620 810591</span> 
         
	<button class="menu-toggle" ... etc

I then set the css to float right the phone number. You can add your css to move your logo as required (which I didn’t do).

Hope that helps

Viewing 1 replies (of 1 total)

The topic ‘branding sticky nav bar’ is closed to new replies.

Tags