Return to previous page

Sticky header menu; would like it to look like header menu

This topic has 11 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

HUSSTLE

Participant

December 6, 2023 at 15:18

How can I get the main header on the home page to be the same as the “sticky header” as someone scrolls the page?

I have installed the XStore Advanced Sticky Header to help, but I just want to simply take the main header with transparent background and duplicate (pixel for pixel) for the sticky header.

Order from left to right:
Logo, menu navigation, search, wishlist, cart, my account icon

I can accept as is, but the menu on the sticky header needs to be right justified.

Please, contact administrator
for this information.

#375915 Copied Theme version: 9.2.5 WooCommerce version: 8.2.12

10 Answers

Rose Tyler

Support staff

December 6, 2023 at 16:51

Hello, HUSSTLE,

Thank you for reaching out to us with your query. We understand that you would like to have your main header on the home page, including its transparent background and layout, to be exactly replicated for the sticky header as users scroll down the page.

To assist you effectively, we kindly ask that you grant us temporary administrative access to your WordPress site. This will enable us to review your current configurations and make the necessary adjustments.

Thank you for your cooperation.

Kind Regards,
8theme team

#375943 Copied

HUSSTLE

Participant

December 6, 2023 at 18:37

Logins details in private content area

Please contact administrator
for this information.

#375948 Copied

HUSSTLE

Participant

December 6, 2023 at 18:38

Homepage should be the only page with transparent header then as you scroll, the sticky header with black background appears.

Thanks!

#375949 Copied

Rose Tyler

Support staff

December 7, 2023 at 08:12

Hello, HUSSTLE,

We appreciate your prompt response.

We kindly request that you clear your cache and verify the changes at your earliest convenience. We have enabled the header overlap feature, which can be viewed here: https://prnt.sc/Bhu8ofCEwG3B. This adjustment was made through the Header Builder under the ‘Multiple Templates’ section by editing the ‘Front Page Header’.

Kind Regards,
8theme team

#375999 Copied

HUSSTLE

Participant

December 18, 2023 at 14:17

Thanks for the assistance, can you help me with the mobile menu? It is showing white.

Please also show the setting that corrects this so I can better address other websites we are deploying with additional theme license; thanks!

Please contact administrator
for this information.

#377024 Copied

Rose Tyler

Support staff

December 18, 2023 at 14:46

Hello, HUSSTLE,

We would like to inform you that the color can be easily modified by navigating to the Header Builder. For your convenience, please refer to the following screenshot: https://prnt.sc/YL8BCA6dAA4H

Kind Regards,
8theme team

#377029 Copied

HUSSTLE

Participant

December 18, 2023 at 14:54

Rose – will this still keep the transparency we desire for only the homepage?

#377031 Copied

Rose Tyler

Support staff

December 18, 2023 at 14:58

Hello, HUSSTLE,

Yes.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#377032 Copied

HUSSTLE

Participant

December 18, 2023 at 15:31

Rose – thanks. Somehow the change is not taking on mobile. Could you double check the settings I have? Make any necessary adjustments.

#377042 Copied

Rose Tyler

Support staff

December 18, 2023 at 15:38

Hello, HUSSTLE,

We appreciate your prompt response.

The task has been completed through the modification of the header on the front page, as evidenced by the following screenshot: https://prnt.sc/Qils5YLfHfOz

Kind Regards,
8theme team

#377043 Copied
Tagged: best woocommerce themes, premium woocommerce designs, sticky header menu, top selling woocommerce templates, user-friendly ecommerce themes
Viewing 11 results - 1 through 11 (of 11 total)