Header sticky not working on main page but working on other pages

This topic has 15 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Rose Tyler

  • Avatar: Jef
    filmguerilla
    Participant
    June 10, 2021 at 16:24

    This is weird. Before i updated the main page the header sticky is working fine. Now it doesnt work on the main page when scrolling up but works on other pages.

    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 11, 2021 at 07:20

    Hello,

    Try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://xstore.helpscoutdocs.com/article/36-included-plugins , clear cache of browser, and check how it works then.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    June 17, 2021 at 13:34

    Hello, this doesnt help. Now the site looks different.

    My footer changed! The header sticky still not working. took me hours to do this but didnt helped.

    Avatar: Jef
    filmguerilla
    Participant
    June 17, 2021 at 14:35

    hello guys, i think i found the problem. when deacivating yellowpencil the header works on all pages…

    now what should i do? i’ve made some customization on it on other elements in the site. 🙁

    can someone fix this for me? it seems like there might be conflict in the codes i made. 🙁

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 17, 2021 at 17:40

    Hello,

    You have added custom code that caused the issue https://prnt.sc/15pz518
    Keep in mind that we are not responsible for the custom code you use on your site.
    Check the home page sticky header now.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    June 17, 2021 at 18:04

    Hi, that was created by yellow pencil i think..

    Weird. It’s now working. Someone fixed it for me? 😀

    Avatar: Jef
    filmguerilla
    Participant
    June 17, 2021 at 18:07

    I think the code was added accidentally when adding border on my thumbnails using Yellowpencil. 🙁 Sorry about that.

    Is it possible to put borders on all the product images/thumbnails on my website without using yellowpencil?

    Kinda cumbersome when i added the border on yellowpencil since i need to put one of each thumbnail sets esp on the homepage.

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 18, 2021 at 10:43

    Hello,

    The sticky header works because I have removed the mentioned custom code.
    I see the border on your site. If you want to add it without Yellow pencil add the below code to child theme style.css

    .content-product .product-content-image img {
        border: 1px solid #e1e1e1;
    }

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    June 18, 2021 at 15:29

    Hello Olga,

    Thanks again. This will put borders on all the product thumbs / images on all of the pages in the website? I’ll clean up the yellow pencil codes if this will work on all pages..

    Thanks

    Avatar: Jef
    filmguerilla
    Participant
    June 18, 2021 at 15:40

    Cleaning the code now… Thanks again..

    How about the thumbs in the cart page, single product and wishlist. http://prntscr.com/15t8u4z

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 19, 2021 at 08:24

    Hello,

    You’re welcome!

    .single-product .main-images > img,
    .wishlist_table tr td.product-thumbnail a img,
    table.cart .product-name img {
        border: 1px solid #e1e1e1;
    }

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    June 19, 2021 at 16:20

    Yay! This works! Last thing i noticed. in the sidebar when clicking the icons :DDDDD

    http://prntscr.com/15y4ukl

    http://prntscr.com/15y51w0

    I think these are the only pages needs some borders…

    Thanks again! Love the support here. The subscription are worth it!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 19, 2021 at 17:30

    Change this code https://gyazo.com/716f1a7c9eb27102b99ab02ecf030291 to:

    .single-product .main-images > img,
    .wishlist_table tr td.product-thumbnail a img,
    table.cart .product-name img,
    .cart-widget-products img {
        border: 1px solid #e1e1e1;
    }

    We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    June 20, 2021 at 05:06

    Will change the code now.

    Yes’ will rate 5 stars guys. and for sure renew support! Thanks a lot for all the help!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2021 at 05:36

    Glad to provide the support for such a grateful buyer!
    We are grateful for your kind words!

    Regards

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

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

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