-
Posts
-
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?
Hey DCSInc!
Thank you for using Enfold.
Try this on Quick CSS or custom.css:
#top #main .sidebar { -webkit-transform: translate(0); }Regards,
IsmaelHi 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.
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/#!/Blue-Purge-Plug-Tube-Set/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/#!/Blue-Purge-Plug-Tube-Set/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,
IsmaelI’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.
Hey!
Try adding this code to the Quick CSS:
.sidebar .textwidget .image-overlay { top: 0 !important; }Cheers!
Josue
- The topic ‘Fixed Sidebar Issues in Chrome’ is closed to new replies.