Elementor sticky header with different color

This topic has 13 replies, 2 voices, and was last updated 1 weeks 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.
    12 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.
    Avatar: cheyingtan
    cheyingtan
    Participant
    November 14, 2024 at 08:04

    hi thanks for the help.

    it doesn’t look correctly, now the menu is all on the left, and leaving a big space on the right, it should be full screen menu. Please have a look on the screenshot in private area.

    Also the inner page menu also got problem, the logo is not changing even i select the correct version, what did i do wrong? i attached the screenshot too. Inner page menu also has right spacing issue too.

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

    Hi please ignore previous message, as i had deleted all the menu and redo.

    Still facing 2 errors:
    1. mobile header is not overlap and transparent, i had turned on that option, but when i check on mobile phone, its not working, not working on other phones too, i did clear cache, check on incognito mode, nothing work.

    2. How do i make the dropdown menu to show on left instead of right hand side, as it been cut off by the edge. I need the header to be full width. Please have a look on the screenshot in private area, thanks

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

    do u change anything just now? pls stop changing as i need to get site live now

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 15, 2024 at 08:50

    Hello, @cheyingtan,

    Sure, We are not changing anything on your site right now.

    If you need further assistance, let us know when and where we can make changes and provide permission to make changes on your website.

    Thank you for your cooperation.

    Best regards,
    8Theme Team

  • Viewing 13 results - 1 through 13 (of 13 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.