So I am trying to add my logo next to my navigation bar or my navigation bar next to my logo. and I am not finding really anything online. someone help!
Hello DrawWiffWhitney,
To achieve this you have to do customization, if you are familiar with html you can do this
First you have to create space left of menu for logo.
Second you have to adjust right hand side menu âAccountâ with icons
Third have to align logo in mobile devices.
Thanks
Hello,
Go to your header file code.
look for
class="site-header__upper page-width"
there is a grid inside with three items, one is hamburger icon, other two are logo and cart icon.
change this item class
grid__item small--one-half medium-up--two-thirds small--text-center
TO
grid__item small--one-half medium-up--one-quarter small--text-left
and
grid__item small--one-quarter medium-up--one-third text-right
TO
grid__item small--one-quarter medium-up--one-quarter text-right
Now you have 50% of grid space FREE for nav menu.
You can add another div between those two items, and hide it on mobile.. something like this
<div class="grid__item small--hide medium-up--one-half text-center"> INSERT YOUR NAV CODE </div>
After just remove that nav container or comment it out.
<!--
<div id="StickNavWrapper" style="height: 59px;">
...
</div>
-->
Best,
1 Like
This worked until I got to nav code. I ended up moving the line starting with ⌠to inside the div you mentioned. It works but I have a hamburger menu instead of nav bar I think im close..
Hello!
Thank you for the help on this. I was following your directions until âINSERT YOUR NAVO CODEâ ⌠Where do you find that to insert?
Any help you can give would be great! Thank you!
Blake
NIce, that worked, just gotta tweak the âAccountâ text, it doesnât match the size of the other menu items. If anyone else is stuck let me know, I was able to get this worked out.
Thanks,
yes, me. can you help me?
@carnagmus yes I would appreciate help can we get in touch?