![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
November 14, 2014 at 6:57 pm #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?
November 15, 2014 at 9:49 am #351753Hey DCSInc!
Thank you for using Enfold.
Try this on Quick CSS or custom.css:
#top #main .sidebar { -webkit-transform: translate(0); }
Regards,
IsmaelNovember 20, 2014 at 8:57 pm #354431Hi 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 9 years, 9 months ago by
DCSInc. Reason: Correcting my initial findings in Chrome, sidebar does not scroll at all in Chrome using the code from Ismael
November 22, 2014 at 8:34 am #355815Hi!
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,
IsmaelApril 25, 2015 at 1:17 am #434527I’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.
April 27, 2015 at 11:39 pm #435717Hey!
Try adding this code to the Quick CSS:
.sidebar .textwidget .image-overlay { top: 0 !important; }
Cheers!
JosueApril 28, 2015 at 12:54 am #435742Perfect! Thanks a lot, Josue. The issue is now resolved.
April 28, 2015 at 1:49 am #435751You are welcome, always glad to help :)
Regards,
Josue -
This reply was modified 9 years, 9 months ago by
-
AuthorPosts
- The topic ‘Fixed Sidebar Issues in Chrome’ is closed to new replies.