Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 19, 2013 at 3:29 pm #163620
    unitedwc

    A previous person posted this without any resolution (because the site wasn’t live):

    https://kriesi.at/support/topic/floating-widget/

    I have the same issue: in Chrome, the floating widget on the side isn’t floating and disappears as the user scrolls down. In firefox and IE, the widget floats and is viewable as the user scrolls down.

    The author (http://wordpress.org/plugins/q2w3-fixed-widget/) of the widget apparently told the original poster to eliminate line 27 in shortcodes.css but I don’t want that to screw up other aspects of the website. Can you please take a look at my site:

    http://goo.gl/1N01ts

    and tell me what to change? The element in question is the textwidget on the left sidebar.

    Thanks

    September 20, 2013 at 10:11 am #163981
    Dude

    Hello unitedwc!

    Try to add following code to the quick css field

    
.widget{
-webkit-backface-visibility: visible;
}

    Cheers!
    Peter

    September 20, 2013 at 4:00 pm #164093
    unitedwc

    Hi Peter

    The code helped a bit. Here are the issues that are apparent now (use the same link above to see how it has changed):

    – the button doesn’t float
    – when I scroll down to the gallery or the iconlist, the sidebar disappears and then reappears after further scrolling down

    Getting closer! great customer service btw.

    • This reply was modified 10 years, 7 months ago by unitedwc.
    September 20, 2013 at 4:43 pm #164106
    Dude

    Hi!

    I guess something overwrites the css code – try following code instead

    
.widget, div.avia-button-wrap, div .avia-button {
-webkit-backface-visibility: visible !important;
}

    Cheers!
    Peter

    September 20, 2013 at 6:53 pm #164160
    unitedwc

    Almost there: now the button is showing.

    The last issue is:

    – when I scroll down to the gallery or the iconlist, the sidebar disappears. If I scroll further down, it will suddenly reappear. It seems it is happening when the pictures appear below the big picture in the gallery and when the icons start appearing in the iconlist.

    September 20, 2013 at 10:48 pm #164253
    Ismael

    Hi!

    Please add this:

    .avia-button {
-webkit-backface-visibility: visible;
}

    Best regards,
    Ismael

    September 20, 2013 at 10:57 pm #164260
    unitedwc

    That didn’t help Ismael. I think Peter suggested the same thing with his above post.

    September 21, 2013 at 1:21 am #164317
    Ismael

    Hi!

    I tested your site and when I make the above changes the “Request Quote” button doesn’t disappear when you scroll down. Please try this:

    .avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .entry-content-wrapper {
-webkit-perspective: 1000;
-webkit-backface-visibility: visible !important;
}

    Cheers!
    Ismael

    September 30, 2013 at 3:51 pm #168171
    unitedwc

    Hi Ismael

    I have implemented the code and the button is staying where it is!

    it still has an issue:

    http://goo.gl/OtGvsw

    When you scroll down to the areas where elements appear in sequence (like the iconlist or gallery), the sidebar menu disappears then reappears after the animation is complete.

    October 2, 2013 at 7:56 am #169162
    Dude

    Hey!

    Can you please try to install the latest version of Enfold (v2.3+). I asked Kriesi to remove all -webkit-perspective, etc. rules which are not necessary for newer versions of Chrome and the update 2.3 should fix your issue.

    Regards,
    Peter

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Floating Widget (using q2w3 widget) is not working in Chrome’ is closed to new replies.