Elementor sticky header with different color

This topic has 9 replies, 2 voices, and was last updated 14 minutes ago ago by Tony Rodriguez

  • Avatar: cheyingtan
    cheyingtan
    Participant
    November 10, 2024 at 11:11

    Hi support,

    For elementor header, how do i set different color for sticky header menu and also logo color?
    Normal header is transparent background overlapping with the slider so the text and logo will be white / transparent. However in the sticky header, i want the background to be white, dark logo and black text, how do i do that in elementor header?

    Thanks

    Content is visible for topic creator and
    support staff only.
    8 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 11, 2024 at 05:45

    Hello, @cheyingtan,

    Thank you for your interest in our Header Builder settings. We offer various options for customizing backgrounds, adding shadows, and more, which can be accessed via our XStore Sticky Header settings here: https://prnt.sc/7LOYGKfy4DFt

    As previously mentioned, Elementor operates under a different structural framework compared to our Customizer Header builder. Consequently, certain functionalities such as varying logos upon scrolling or color changes for all elements within the Sticky Header cannot be achieved with the current options provided. However, most popular header designs can still be implemented with the existing features in our XStore Theme package.

    Should you require further customization to achieve the specific results you desire, we invite you to submit a request for additional customization at: https://www.8theme.com/account/#etheme_customization_panel.

    We appreciate your understanding and look forward to assisting you further.

    Best Regards,
    The 8Theme Team

    Avatar: cheyingtan
    cheyingtan
    Participant
    November 12, 2024 at 12:42

    Hi thanks for the reply.

    I facing another weird issue with site, all pages that i created has animation on each section (i did duplicate the page or used the save template)

    But i check every settings, i did turn off all of the following:
    xstore effect
    motion effect

    But every section still has sliding in from right effect. What option that i missing here?

    Content is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 12, 2024 at 12:59

    Hello, @cheyingtan,

    Thank you for your response.

    To resolve the issue you’re experiencing, kindly navigate to the “Edit” section, then proceed to “Advanced” > “Motion Effects” and select “None” under the entrance animation option. After making this adjustment, please update the settings.

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

    We hope this solution addresses your concern. Additionally, we kindly request that you create a new topic for any future issues on our support forum. This will help us provide you with prompt and efficient assistance.

    Best regards,
    8Theme Support Team

    Content is visible for topic creator and
    support staff only.
    Avatar: cheyingtan
    cheyingtan
    Participant
    November 13, 2024 at 10:03

    thanks!

    I am facing another header problem, i managed to switch from elementor to xstore header builder.

    How do i do the exclusion for the header? I have make one transparent header for homepage only, and one for all other pages (not overlapping). But i couldnt figure out how to make it to show on homepage only, the condition section there only can select what to include but not excluding?

    Also my dropdown menu is not showing properly, it been cut off near the edge, how do i fix that? Kindly refer to the image below:
    https://ibb.co/6nbDX7G

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 13, 2024 at 12:06

    Hello, @cheyingtan,

    Thank you for your response.

    We are pleased to inform you that your issue has been resolved. Kindly clear your browser cache and revisit your site to verify the changes.

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

    Should you have any further questions or concerns, please do not hesitate to reach out.

    Best regards,
    8Theme Team

    Content is visible for topic creator and
    support staff only.
    Avatar: cheyingtan
    cheyingtan
    Participant
    November 13, 2024 at 13:13

    Hi thanks for the help.
    i check the site, it doesnt display correctly? Have a look on the screenshot i pasted in private area.

    Content is visible for topic creator and
    support staff only.
    Avatar: cheyingtan
    cheyingtan
    Participant
    November 13, 2024 at 19:41

    and my menu is cut off when dropdown too, its not fix since last message, kindly refer to the screenshot

    thanks!!

    Content is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 14, 2024 at 05:59

    Hello, @cheyingtan,

    We are pleased to inform you that your issue has been resolved. Kindly clear your browser cache and revisit your site to verify the changes.

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

    Additionally, You can edit the home page header and all other page headers under XStore > Theme options > Header builder as per your requirement and publish it.

    We hope this helps.

    Should you have any further questions or concerns, please do not hesitate to reach out.

    Best regards,
    8Theme Team

    Content is visible for topic creator and
    support staff only.
  • Viewing 9 results - 1 through 9 (of 9 total)

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

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