Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #351437

    Hello,

    I’m having an issue with a fixed sidebar on 1 page while using Chrome. The sidebar works as expected in IE and Firefox. However, in Chrome the sidebar disappears when you scroll down on pages with dynamic content such as sliders. The sidebar will reappear if you hover over it. I can remove the slider and the sidebar is fixed and working as expected, but I would rather not remove the slider.

    Can you offer assistance?

    #351753

    Hey DCSInc!

    Thank you for using Enfold.

    Try this on Quick CSS or custom.css:

    #top #main .sidebar {
    -webkit-transform: translate(0);
    }

    Regards,
    Ismael

    #354431

    Hi Ismael,

    I did what you asked, and that stopped the sidebar from disappearing after scrolling. However, it still does not scroll down with the page. EDIT: Correction, now the sidebar does not scroll at all in Chrome on any of the pages.

    Also, another issue I am having is when I hover over a linked image, before the graphic with the circle and arrow overlays the image, a small grey rectangle appears across the top of the image. Once I hover over the image again, the proper graphic with the circle and arrow appears as normal. See the attached screenshots.


    • This reply was modified 2 years, 10 months ago by  DCSInc. Reason: Correcting my initial findings in Chrome, sidebar does not scroll at all in Chrome using the code from Ismael
    #355815

    Hi!

    I’m sorry but the theme doesn’t allow fixed sidebars by default. This will require a bit of customization which is beyond the scope of support. Regarding the overlay issue, please remove the inline styling of the link and img tag on the text widget.

    <a href="http://sample.purgeplugs.com/shop/#!/ (Purchase code hidden if logged out) /p/13560644/category=10396856" style="position: relative; overflow: hidden; display: block;"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2516_Fade.png"><span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 124px; width: 230px;"><span class="image-overlay-inside"></span></span></a>
    

    Replace it with:

    <a href="http://sample.purgeplugs.com/shop/#!/ (Purchase code hidden if logged out) /p/13560644/category=10396856"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2516_Fade.png"><span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; height: 124px; width: 230px;"><span class="image-overlay-inside"></span></span></a>
    

    Best regards,
    Ismael

    #434527

    I’m going to bring this topic back from the dead as it is still an issue. My client finally gave me what I needed to proceed with the site, so I’m now working on it again. I digress.

    The fix you have proposed does not change anything. Please see the text below, this is what I have in a custom widget area using the Text widget:

    <div class="widget1">
    <img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/Order_products.png">
    <a href="http://sample.purgeplugs.com/shop/#!/Purge-Plugs/c/10396856/offset=0&sort=priceDesc"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2516_final.png"></a>
    <a href="http://sample.purgeplugs.com/shop/#!/Purge-Tree/c/10396845/offset=0&sort=priceDesc"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2680_final.png"></a>
    <a href="http://sample.purgeplugs.com/shop/#!/Back-Purge/c/10396844/offset=0&sort=priceDesc"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2551_final1.png"></a>
    <a href="http://sample.purgeplugs.com/shop/#!/Saw-Guides/c/12980020/offset=0&sort=priceDesc"><img src="http://sample.purgeplugs.com/wp-content/uploads/2014/11/IMG_2424_final.png"></a>
    </div>

    There is no styling applied directly to the images. It appears the issue only happens with the custom widget area, linked images on other pages do not have this problem. You should be able to see this on the page I linked to in the OP.

    #435717

    Hey!

    Try adding this code to the Quick CSS:

    .sidebar .textwidget .image-overlay {
        top: 0 !important;
    }

    Cheers! 
    Josue

    #435742

    Perfect! Thanks a lot, Josue. The issue is now resolved.

    #435751

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Fixed Sidebar Issues in Chrome’ is closed to new replies.