[Resolved] header and navigation customization

Home Forums Support [Resolved] header and navigation customization

Home Forums Support header and navigation customization

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1618035
    Stefan

    Hi there !
    Thanks for a great product, i love it!

    I am trying to achieve a header and navigation look like this:
    Zalando.dk (like their mobile version)

    Is this possible any how, and can you maybe point me in the right direction?

    I am trying this om your Prime template, just to see how it may Work out with the Ajax search for woocommerce

    Thanks in Advance !

    Kind regards

    Stefan

    #1618689
    David
    Staff
    Customer Support

    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.

    #1618890
    Stefan

    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

    #1620469
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #1622752
    Stefan

    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

    #1623909
    Tom
    Lead Developer
    Lead Developer

    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.

    #1623993
    Stefan

    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

    #1624073
    Ying
    Staff
    Customer Support

    Hi Stefan,

    Try this CSS:

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

    Let me know πŸ™‚

    #1624081
    Stefan

    Hi thanks

    This does not Work sadly πŸ™

    Thanks

    #1624087
    Ying
    Staff
    Customer Support

    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.

    #1624101
    Stefan

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

    #1624132
    Stefan

    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

    #1624141
    Ying
    Staff
    Customer Support

    Great πŸ™‚
    You are welcome!

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.