Problem with using custom header – new products is showing wrong header.

This topic has 27 replies, 4 voices, and was last updated 1 years, 10 months ago ago by Rose Tyler

  • Avatar: Niddy
    Niddy
    Participant
    December 26, 2022 at 12:46

    Hi

    I have created a homepage transparent header so the site uses two headers – one for homepage only and one for all other pages & products.

    However, whenever I add a new product – it is loading the wrong header, it is loading the white transparent one from the homepage but shouldn’t – it should be loading the header for all other pages.

    Any chance you can please check this for me? Examples and images are shown in private with login access.

    Thank you kindly.

    Please, contact administrator
    for this information.
    26 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 26, 2022 at 14:10

    Hello, @Niddy,

    I have created a new product on your site see the URL under the private content area. when I assign the accessories category to this product, the header issue appears but when I assign the roofing category to this product the issue got resolved automatically. So it clearly has something to do with the custom layout you created for the accessories category products. Please check the settings or remove it completely first and then try to create a new one in order to solve your issue.

    Regards 8Themes Team.

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    December 26, 2022 at 14:18

    Hi

    I already told you all this and already did delete it and rebuild it – this is an issue beyond my control. If you do not believe me then feel free to login and create a new product template and header template too if you want, using a different category and then create a new product – it is nothing I have done and remember, on the homepage transparent header menu etc – this was applied by Rose @ 8theme.

    1. https://www.8theme.com/topic/transparent-header-issue-with-scrolling-header-going-white/

    2. https://www.8theme.com/topic/help-creating-a-transparent-header-for-homepage-only-again/

    Please keep my domain private and use private to respond with anything showing my client website.

    Thanks

    Avatar: Niddy
    Niddy
    Participant
    December 26, 2022 at 15:16

    It seems once I duplicate a menu, the WCAG Color is missing. Hence no matter how many times I duplicate and try to redo it, it will always use the colours from the transparent homepage layout.

    Please can you advise / look into why, on header builder layouts – under the menu options, the WCAG Color is missing. Is this right?

    However, this isn’t something I have done – it must be a fault. It doesn’t make any logical sense as to why it is pulling the white header onto all categories other than the roofing one.

    It seems like a theme issue as similar problem highlighted here – https://www.8theme.com/topic/multiple-headers-not-working-properly-not-visible/

    And it’s nothing to do with my plugins as they’re standard / tested.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    December 27, 2022 at 12:21

    Hi,

    Just noticed the 404 page is also showing the wrong header – see private for page url.

    Be good to get an update on this issue…

    Thanks

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    December 28, 2022 at 10:00

    Is this just being ignored then?

    Can’t fix an issue so just ignore the customer instead… ??

    Come on guys – what’s happening here? This is clearly a fault of the theme. I’ve waited 3 days now which I feel is ample for basic support regards a fault.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2022 at 10:13

    Hello,

    Sorry for the delay in answering.
    We did not ignore you, but we have a large number of tech questions for our dev team these days.
    We will give you an answer soon, please be patient.

    Regards

    Avatar: Niddy
    Niddy
    Participant
    December 28, 2022 at 10:15

    Rose

    Thank you. I await your response…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2022 at 14:01

    Hello,

    1/ Please provide FTP access.
    2/ Do you use server cache?
    3/ Did you do modifications in files of parent or child theme?
    4/ Whether the site was created from scratch, whether you import some demo or maybe migrated from somewhere?
    Waiting for FTP access.

    Regards

    Avatar: Niddy
    Niddy
    Participant
    December 28, 2022 at 14:54

    Hi

    1. See private for FTP

    2. Yes but this has no effect as it works fine on other themes of yours. It’s just this one for some reason

    3. Nope. I never edit core files. Any edits I do are done using functions in the functions.php of child theme but these are literally renaming tabs and other non related functions.

    4. Site is a new build from scratch using your elementor Glasses demo. You even built the homepage transparent header for me. Links are shown above in earlier post.

    It’s important to note that the issue seems to be adding new products is pulling the newly designed homepage transparent header. I’m happy to delete that if you can export it and mail it me to re-import later if that will fix it – and then I’ll add all products then import the homepage header again.

    I’m just confused as the 404 error page also shows wrong header. This page was imported with the rest of the glasses theme.

    Thanks 🙂

    Please contact administrator
    for this information.
    Avatar: Niddy
    Niddy
    Participant
    December 29, 2022 at 11:30

    You’re answering newer posts. There’s no order to your replies. I’m seeing posts from today get dealt with whilst this remains in limbo for 3 days.

    Is anyone able to assist with this glaringly obvious error? ?? If not fine I’ll fix it myself using css but I shouldn’t have to do that! There’s a fault since last update the other day.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 29, 2022 at 20:35

    The problem was passed to our dev team, but they have a lot of work due to the new theme update.
    Yes, you can use custom CSS code, as a temporary solution, for example:

    body:not(.home) .et_b_header-menu .menu > li > a,
    body:not(.home) .header-main  {
        color: #000;
    }

    Sorry for such a delay.

    Regards

    Avatar: Niddy
    Niddy
    Participant
    December 30, 2022 at 11:19

    Thanks Rose – perfect solution for now.

    Will you let me know when the devs will look at this and I will open FTP again as it isn’t open at all times.

    Thanks again.

    Avatar: Niddy
    Niddy
    Participant
    January 3, 2023 at 11:19

    Hi,

    Has this been resolved with the update released earlier today as I cannot see it on the changelog as yet?

    The custom css is fine, but just checking the status being a new update was released.

    Please advise

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 3, 2023 at 14:15

    Hello,

    It was not solved in the update, because there is no this problem in our test sites, it is something that we can see on your site only.
    Our dev will look at this on your site, please open FTP, and let us know.

    Regards

    Avatar: Niddy
    Niddy
    Participant
    January 3, 2023 at 16:37

    Hi

    Its fine – will just use the css, same thing really.

    Thanks again

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 3, 2023 at 16:56

    Hi,

    Ok, in this case, I will not disturb the dev team.

    Regards

    Avatar: Bas_Kling
    Bas Kling
    Participant
    January 3, 2023 at 19:53

    Hi Niddy,

    I seem to have a similar issue with the background color of the top header as well as the promo text / ticker background color. Can you describe exactly what went wrong in your case?


    @rose
    , can you provide syntax comments on the css code used to temporarily solve the issue? I need to apply it to a specific product range (typed by brand) and a single category page.

    Avatar: Niddy
    Niddy
    Participant
    January 3, 2023 at 21:08

    @bas_kling

    Cheers. I know it’s the theme as I’ve seen others with similar issues – I even quoted your thread in post 3 above – but being honest as all my products are using the same header the css works fine so I’m not overly fussed about a fix. That said, I do need to check .404 page as that was pulling the wrong header too.

    Basically, as post 1 describes – I’ve got a header for Homepage only. Transparent. Then a normal one, identical to the homepage one, but in black – for white backgrounds. This is what the products should pull, when I add a new product as the condition for the header is default – all pages. The condition on the transparent homepage is set to page -> single -> home. It works fine.

    However when I create a new product, unless it’s in a specific shop category (I only have 7 categories) then it’s pulling the incorrect transparent header across and not the default one, as it should.

    Randomly, the 404 page is also showing the transparent header. Weird…

    The css from @Rose above basically adds the correct default main menu text colour to all pages excluding homepage (which is transparent). In the normal header settings, you can set the hover colour.

    I fixed the ticker background (it’s the margin left / right that creates white spacing) by going into header builder and clicking the cogs on all 3 sections that make the top header, and changing the WCAG background colour.

    Hope this helps explain my issue better.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 4, 2023 at 08:55

    Hello @Bas Kling,

    Please open up a new topic for your question, because it is not the same situation.
    Thanks in advance.

    Regards

    Avatar: Niddy
    Niddy
    Participant
    January 4, 2023 at 12:04

    Hi @Rose,

    Can you please advise the correct css to fix the 404 page as that is also pulling in the wrong header – see private for info and images. But should not have a grey background so not quite sure what is happening.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 4, 2023 at 13:37

    Hello,

    Please try the next custom CSS code:

    .error404.et_b_dt_header-overlap .page-heading {
        padding: 1em !important;
    }
    .error404.et_b_dt_header-overlap .header-wrapper, .error404.et_b_mob_header-overlap .mobile-header-wrapper {
        position: relative;
    }

    Regards

    Avatar: Niddy
    Niddy
    Participant
    January 4, 2023 at 13:43

    Perfect – works a treat.

    Thank you very much – hopefully that’s this issue sorted now lol 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 4, 2023 at 13:50

    You’re welcome!

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 11, 2023 at 12:01

    Custom CSS was deleted and the problem with colors is fixed.
    If you want to edit the header for all pages, here it is – https://prnt.sc/WpufYcCAsdEO

    Regards

    Avatar: Niddy
    Niddy
    Participant
    January 11, 2023 at 14:19

    awesome thank you very much – great job 🙂

    Thankfully this issue should be solved – will try and create a new product and then we will know 😀

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 11, 2023 at 14:25

    You’re welcome!

    Regards

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

The issue related to '‘Problem with using custom header – new products is showing wrong header.’' has been successfully resolved, and the topic is now closed for further responses

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.