Return to previous page

Transparent header assistance, can’t get it to work

This topic has 6 replies, 3 voices, and was last updated 9 months, 3 weeks ago ago by Andrew Mitchell

Ilya

Participant

December 20, 2023 at 22:43

Hello

Can you please help me solve these tasks

DESKTOP VERSION:
Main Header has to have no background, fully transparent (I managed to do that)
Sticky Header has to have a color background but half transparent (0.5 opacity) – this I can’t do

MOBILE VERSION:
Main Header & Sticky Header has to have a color background but half transparent (0.5 opacity) – this also I couldn’t do

I turned on header overlap but that doesn’t help at all

Please, contact administrator
for this information.

#377290 Copied Theme version: 9.2.5

5 Answers

Tony Rodriguez

Support staff

December 21, 2023 at 12:37

Hello, @Ilya,

We appreciate you reaching out to us and for your continued use of XStore.

To assist you with your customization query, kindly follow the detailed steps provided below for both desktop and mobile versions:

**Desktop Version:**

1. Access the ‘Header Sticky’ section and proceed to the ‘Style Section’ on your desktop interface.
2. Locate the ‘Main Header WCAG Control’.
3. Within the ‘Background Color’ settings, please select the color of your preference.
4. To achieve a half-transparent effect, adjust the opacity setting to 0.5.

For your convenience, a visual guide is available at the following URL: https://imgur.com/a/Zmblhjo

**Mobile Version:**

1. Navigate to the ‘Header Sticky’ section and enter the ‘Style Section’ on your mobile interface.
2. Find the ‘Main Header WCAG Control’.
3. Choose your desired background color.
4. Set the opacity to 0.5 to obtain a semi-transparent look.

A visual reference for the mobile version can be found here:
https://imgur.com/a/O4Z1pMt

We are confident that these guidelines will enable you to customize the appearance effectively on both desktop and mobile platforms.

Should you require any further assistance, please do not hesitate to contact us.

Yours sincerely,
The 8Theme Team

#377359 Copied

Ilya

Participant

December 21, 2023 at 15:21

Hi, thanks I managed to do this, but the results are not visible live, only while logged in as admin

#377381 Copied

Ilya

Participant

December 21, 2023 at 21:10

Please check screenshots, changes are not visible live, I am not using any caching plugins. The problem is only with the color, for example if I change the menu hamburger icon, the changes apply immediately, but color does not work

https://imgur.com/a/6mDLPBI

#377409 Copied

Tony Rodriguez

Support staff

December 22, 2023 at 09:14

Hello, @Ilya,

We appreciate you contacting us about the difficulty you are encountering with the live visibility of color changes in your headers.

After examining your particular issue concerning the lack of live reflection of color changes, we would like to propose a specific solution. It seems that the problem may be linked to the configuration of Multiple Headers.

To address this issue, please proceed to the Multiple Header settings area that you have set up for both the front page and the entire website. Edit the Header in question and make the necessary customizations in Mobile mode. Ensure that you apply the changes so that they are visible not only to the admin but also on the live site for all users.

By making these changes in the Multiple Header settings, the color changes should be immediately visible on the live site, thereby resolving the inconsistency you have reported.

For further clarification, you may refer to the visual guide provided at the link below:
https://imgur.com/a/vL69OH8

We trust that this will rectify the issue, but should you require any further assistance, please do not hesitate to reach out.

Kind regards,
The 8Themes Team

#377435 Copied

Andrew Mitchell

Support staff

February 6, 2024 at 12:45

Dear Ilya,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#382586 Copied
Tagged: customization, header assistance, transparent header, troubleshooting, web development, woocommerce, wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Transparent header assistance, can’t get it to work’' has been successfully resolved, and the topic is now closed for further responses

Transparent header assistance, can’t get it to work

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection