Modify header - by visibilityone - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Olga Barlow

  • Avatar: visibilityone
    February 27, 2018 at 19:16

    Hi, See screenshot below.

    I want to design the header just like this (1 row with menu on the left side, logo in the middle and social icons on the right.

    How do I make top bar/header area look the same/similar without hiring a developer. I can provide the graphic elements but the rest I require assistance.

    I am aware of the different header types and chose the “Variant xstore2” with the default red theme. I also removed the cart icon but now my logo is not in the middle anymore.

    See here:

    I wanted to replace the cart icon with the social media icons.

    I have a good understanding of what is customizable via the GUI (8theme options etc), and those I can achieve myself.

    I would like the additional code/instructions required to implement the above onto a say the stock Xstore demo. I can provide the .psd/.ai files if needed. What I cannot do is hire a developer. I have basic scripting knowledge but it gives me just about enough background to be able to implement solutions. Not develop them.

    Thanks alot!

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 28, 2018 at 11:58


    If you want to implement header like on your screenshot it’s not possible without additional customization and unfortunately, additional customization is not included in our support

    If you have PHP and CSS skills you can do it by yourself. I would recommend you to change the Variant hamburger according to your needs (xstore/headers/hamburger-icon.php) Do all the changes in child theme only.


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.