Return to previous page

Modify header - by visibilityone - on WordPress WooCommerce support

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

visibilityone

Participant

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.

https://prnt.sc/ikjji9

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:
https://prnt.sc/ikjmhk

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!
Steve

#186549 Copied Theme version: xstore WooCommerce version: latest version

1 Answer

Olga Barlow

Support staff

February 28, 2018 at 11:58

Hello,

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 https://themeforest.net/page/item_support_policy#whats-not-included-item-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.

Regards

#186641 Copied
Viewing 2 results - 1 through 2 (of 2 total)