header and navigation customization

Hi there,

tricky one that would require custom development.

How would the desktop version look ? Is it similar in layout eg. Logo above, nav below ? Might be able to provide some pointers.

Hi David

Thanks, for such quick reply

Yes the desktop version should look kinda Alike -
I like that logo and userlogin +cart is in same line at the top with nav below with Ajax search

I would appreciate some pointers if possible - i know alot of .net programming, so PHP does not scare me - but not something i have much experience with (her) :)

Thanks
Kind regards
Stefan

Hi there,

What you could do:

1. Set the navigation to below the header.
2. Use the Header Widget to add the icons to the header so they appear next to the logo.

While it will involve some CSS styling to get 100% right, I think the above things should give you the necessary HTML structure to do so.

Feel free to link us to your site once you do so and we'll see if we can help :)

Hi Tom

Thanks for your quick reply!

I have tried to look up how to relocate the Cart to header but with no luck.

I will try with default theme, from now on - to keep it simple :)

Please see private info for links

Looking forward to hear from you guys

Kind regards, Stefan

Hi there,

Our cart icon is meant to be a menu item, so it's not possible to move it into the header.

You could, however, simply add an icon that links to the cart in your header widget.

If you need it to have the number of items/price displayed, it will take some custom coding to build out a shortcode.

Hi tom

Thanks for replying, that would be a good idea, thanks i Will try that :)

Can you point me in a direction on how to have primary menu, with the menu links on the left and the searchbar on the right? Is this possible to change with CSS, right now i have the searchbar set to display at Hook inside_navigation, and it Will display before navigation :)

Thanks alot

Kind regards

Hi Stefan,

Try this CSS:

.main-navigation .woo-search {
    order: 99;
}

Let me know :)

Hi thanks

This does not Work sadly :(

Thanks

Hi Stefan,

I don't see the code has been added in to your site yet.
It's likely a cache issue.

Please disable your cache plugin, clear all browser/server cache first.

Hi, Yeah sorry the cache was enabled and i forgot to purge - It is now off, can you ser the CSS now ?

Hi Ying

Sorry, i forgot a dot in .main-navigation ..

My bad, thanks ying it works as a charm :)

Have a nice day you guys

Great :)
You are welcome!