Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 1, 2022 at 3:49 pm #1374658
    tremblayly

    Hi

    I created this page on two of my websites: https://diyjewellery.com/custom-made-jewelry/ and https://silviafindings.com/custom-made-jewelry

    Using the following CSS I successfully hid the following elements on the DIY Jewelry website and with a different page ID on the SilviaFindings website:
    .page-id-22855 .custom_header_search_bar, .html_visible_cart .cart_dropdown, #top .av_header_transparency #header_meta {
    display: none!important;
    }

    It causes the cart never to show again so customers have reported an issue. I removed the code and resetted the cart options in the Shop Options in Enfold.

    How can I hide these elements on that specific page without causing any issues with the rest of the pages on the websites?

    Thanks
    Lyse

    December 1, 2022 at 7:37 pm #1374691
    Rikard

    Hi Lyse,

    If your CSS should be page specific, then please try this instead:

    .page-id-22855 .custom_header_search_bar, .page-id-22855 .html_visible_cart .cart_dropdown, .page-id-22855 .av_header_transparency #header_meta {
  display: none!important;
}

    Best regards,
    Rikard

    December 1, 2022 at 9:02 pm #1374709
    tremblayly

    Hi Rikard,
    I replaced the CSS as you suggested. I clear all server and page cache and still I see the element on that specific page.
    Thanks
    Lyse

    December 2, 2022 at 11:42 am #1374755
    Rikard

    Hi,

    There seems to be a character included in the code which should not be there: https://snipboard.io/2J5Tri.jpg. Please check the code, and remove any characters or blank spaces which should not be there.

    Best regards,
    Rikard

    December 2, 2022 at 3:32 pm #1374792
    tremblayly

    Hi Rikard,
    I updated the code removing some character that got added during the cut and past from here.
    I still see the minicart on that page even after I forced a change using the Shop Options.
    Thank you
    Lyse

    December 2, 2022 at 5:11 pm #1374813
    Rikard

    Hi,

    Could you post a screenshot highlighting what you would like to hide please?

    Best regards,
    Rikard

    December 2, 2022 at 5:48 pm #1374820
    tremblayly

    Hi Rikard,

    Here’s a screenshot: https://snipboard.io/87ckzw.jpg
    I want the mini-cart hidden on this page because I want no distraction for viewers because of the content.

    Thanks
    Lyse

    December 3, 2022 at 3:50 pm #1374916
    Mike

    Hi,
    Thanks for the screenshot and the link to your two pages, I tested by adding items to the cart and then checking those pages and to hide the cart please try this css:

     .page-id-22855 .cart_dropdown {
  display: none!important;
}
 .page-id-97578 .cart_dropdown {
  display: none!important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 3, 2022 at 3:57 pm #1374918
    tremblayly

    Hi Mike,
    That worked well. Exactly what I wanted.
    This ticket can be closed now.

    I do have a pressing issue opened here that I need help with: https://kriesi.at/support/topic/secondary-product-attribute-not-displaying-on-single-product-page/

    Thank you
    Lyse

    December 3, 2022 at 3:59 pm #1374920
    Mike

    Hi,
    Glad we were able to help, Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Hiding elements on landing page’ is closed to new replies.