Return to previous page

How to change the colour of icons and the menu font in the header?

This topic has 8 replies, 2 voices, and was last updated 1 months ago ago by Tony Rodriguez

alhamzamedia

Participant

February 5, 2025 at 11:04

Hi there!

I’ve created here https://wp.garazastyle.com/ a sticky, transparent header on the homepage. To ensure visibility on a dark background, I added a white logo. However, I can’t find how to change the colour of all icons and the menu font in the header.

Could you please help me figure it out? Thanks!

#433388 Copied Theme version: 9.4.7

7 Answers

Tony Rodriguez

Support staff

February 5, 2025 at 14:22

Hello, @alhamzamedia,

Thank you so much for purchasing our theme and contacting our support center.

We kindly request you to provide screenshots of all the icons for which you would like to change the color, as well as the menu font in the sticky header. To ensure clarity, please mark the specific elements on the screenshots for our better understanding.

Additionally, we would appreciate it if you could share your website’s WordPress admin access in the private content area. This will allow us to review your settings in detail and assist you more effectively.

Thank you for your cooperation.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#433408 Copied

alhamzamedia

Participant

February 6, 2025 at 07:25

Hello!

Thank you very much for your response!
I’m confident we will make it work.

As I mentioned earlier, I created a sticky header divided into two parts, where only the bottom part with the menu sticks. Right now, this setup works only for the homepage across all devices (desktop, tablet, and mobile).

I need all elements in the header to appear in white only on the desktop version of the homepage. I have a white version of the logo, but I’m not sure where to place it so that it appears only before scrolling on the desktop version of the homepage.

Additionally, I couldn’t find the option to change the color of all icons, allowing them to display in different colors before scrolling and after scrolling begins.

Could you please help me figure this out? Thanks!

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#433486 Copied

Tony Rodriguez

Support staff

February 6, 2025 at 12:33

Hello, @alhamzamedia,

Thank you for your response.

To modify the sticky header settings, please follow these steps:

1. Navigate to **XStore > Theme Options > Header Builder > Multiple Headers**.
2. Edit the **Singular/Front Page Header**.
3. Modify the **Sticky Header** settings, where you can:
– Change the background color and WCAG color.
– Select a custom sticky header logo.
4. Once the changes are made, click **Publish** to save them.

For your reference, we have provided images in the private content area.

We hope this information is helpful. Please let us know if you need any further assistance.

Best regards,
8Theme Team

Please contact administrator
for this information.

#433528 Copied

alhamzamedia

Participant

February 6, 2025 at 20:48

Thank you very much for your instructions!

Once I implement this, I’ll let you know the result.

Right now, I’ve encountered another issue. I created a single product page by using a pre-designed template from your theme. I saved it as a template and set it as the default one, deleting all other single product page templates.

Now, I see the following issues:

The image zoom and lightbox features are disabled, but they are still working.
On the template preview page, everything displays correctly. However, when I check any other product page, some elements are not displaying properly.
Could you please check this?

Files is visible for topic creator and
support staff only.

#433599 Copied

Tony Rodriguez

Support staff

February 7, 2025 at 05:57

Hello, @alhamzamedia,

1/ You’re very welcome! Take your time, and feel free to reach out if you need any further assistance. Looking forward to hearing the results!

2/ We are pleased to inform you that your issue has been successfully resolved. Kindly check your website after clearing your browser cache to ensure everything is functioning correctly.

If you need any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

#433616 Copied

alhamzamedia

Participant

February 7, 2025 at 11:12

Hi there!

Thank you so much. Everything is going great, and I’m clearly getting closer to my goal. Thanks to your instructions, I was able to implement what I had planned. I still have a few more questions.

Right now, I’ve encountered a new issue. The following concerns only the product card (the single product page). The image sizes are not adjusting correctly on desktop, and they are not adjusting at all on the mobile version. On desktop, I’ve been experimenting with aspect ratios and width, but I can’t seem to get the right proportions or sizes. On mobile, the sizes don’t change regardless of any settings.

#433652 Copied

Tony Rodriguez

Support staff

February 7, 2025 at 11:31

Hello, @alhamzamedia,

Thank you for your response.

Regarding the product image size issue, we kindly ask you to create a new topic for each new issue on our support forum. This will help us ensure a smooth support process and provide you with prompt assistance.

Additionally, please provide a screenshots of the issue with relevant markings to help us better understand the problem.

We appreciate your cooperation and understanding.

Best regards,
8Theme Team

#433656 Copied
Viewing 8 results - 1 through 8 (of 8 total)