Header issue - by MichaelB - on WordPress WooCommerce support

This topic has 11 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

  • Avatar: MichaelB
    MichaelB
    Participant
    December 12, 2020 at 23:15

    Website and admin details enclosed.

    Please fix the header. The image of the watch doesn’t blend into the background whereas it does in the watch demo of your theme.

    Once fixed, please tell me how you fixed it with a screenshot.

    Thank you!

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 13, 2020 at 09:42

    Hello,

    The demo uses Multiple headers. I’ve added a custom header for the Home page with the overlap option enabled – https://prnt.sc/w1lo09 . Please check – Theme Options > Header builder > Multiple headers https://prnt.sc/w1ljzc
    Watch this video also – https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    December 14, 2020 at 22:37

    You fixed the header overlap situation (thanks for that)

    I’m not sure why two headers are required to create that?

    I don’t get why you didn’t just enable “header overlap” for the header I created.

    I also now have an out of date header 🙁

    I’m so confused. The video didn’t help to my issue either.

    Please answer above to help me.

    Thank you!

    P.S. Social media links in top right and promo text refuses to change! That’s just examples.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 15, 2020 at 16:03

    Hello,

    You can enable the overlap option in general and remove the second header if it is suitable for all the other pages/products/posts of your site. As a rule, if you want to enable the header overlap option for a whole site then you should have breadcrumbs enabled and large top padding for them to avoid overlapping of the header over the breadcrumbs titles.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    December 15, 2020 at 23:40

    So the idea of multiple header is if you want to use different headers for each/certain pages, correct?

    And what you’re saying is regardless of how many headers I have, I need to enable large top padding and breadcrumbs so the header can overlap correctly, right?

    Can you tell me how to enable large top padding and can you also tell me how to enable breadcrumbs?

    Avatar: MichaelB
    MichaelB
    Participant
    December 15, 2020 at 23:43

    I will benefit from multiple headers so will keep it.

    However, I now have an out of date header ?

    What I specifically need help on is when editing a multiple header to make the changes implement correctly. The video didn’t help either. Social media links in top right and promo text refuses to change! That’s just examples.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 16, 2020 at 13:19

    Hello,
    Yes, idea of multiple headers is that you can use the different header for the different product/page/post. If you need to update headers you need to edit every single header.

    You can enable breadcrumbs in Theme Options > Breadcrumbs https://gyazo.com/ca1e3f577d2ec909ceae23e3a9002d4b
    Check your site now. I have enabled the breadcrumbs and removed the home page header to avoid misunderstanding from your side.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    December 16, 2020 at 22:40

    Thanks for explaining the idea behind having multiple headers and how to enable breadcrumbs.

    However, I still don’t know what I’m doing wrong! I duplicated the header you provided and it doesn’t duplicate all the widgets correctly i.e. Social media icons or page titles i.e. Home. Introductions etc…

    Show video of how you successfully duplicate it, please. The YouTube video isn’t helpful for me for the problem I am experiencing.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 17, 2020 at 13:44

    Hello,

    Duplicate link on the Default header will create copy of the header that was imported after demo version installation.
    If you want to get copy of the existing changed header then use “Create new” button and it will create copy of the existing header. We’ll improve it in the next update but at this moment it works in this way, sorry.

    Regards

    Avatar: MichaelB
    MichaelB
    Participant
    December 17, 2020 at 21:51

    Thanks.

    I understand now because of your great explanation 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 18, 2020 at 12:49

    Hello,

    Great. You are welcome.

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Header issue’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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