Problem with Divi Theme

  • Resolved menonscreen

    (@menonscreen)


    9 years, 8 months ago

    Hi there,

    I’m having a few problems getting Q2W3 Fixed Widget to work properly with my sidebar.

    Please see this page of my website (which is a test at this stage):
    https://menonscreen.com/blog-3-2/

    The thumbnails in the right sidebar load perfectly, but once you begin to scroll down the page, they loose the spacing between them and the text titles which started out underneath each thumbnail appear to the right of each thumbnail and continue outside of the browsers dimensions.

    Also – when you first load the page the thumbnails in the sidebar are responsive – changing their width as you increase or decrease the browser size. However, if you are viewing the page when the browser is smaller for example, once you begin to scroll the thumbnails snap to 300px no matter what the browser size and the same problems I mentioned above occur.

    There are also problems with alignment at the footer, but I have a feeling these problems may be solved when I can fix this current problem!

    Is there anything I can do?

    Please note I am using WordPress Version 4.2.2 with the Divi Theme 2.4.4.

    In the sidebar I am using WordPress Popular Posts Plugin with the Q2W3 Fixed Widget Plugin.

    I have set the thumbnail width to 300px in the WordPress Popular Posts Plugin.

    Any help would be greatly appreciated!

    https://www.ads-software.com/plugins/q2w3-fixed-widget/

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi menonscreen.

    I have a feeling I am running into the exact same issue. Would you mind please sharing what solved it for you?

    This is an example of our pages:

    https://www.thelabstudios.net/forgotten/

    I am running WP 4.2.4 and the latest Divi Theme. For the sidebar widget I am using Black Studio TinyMCE Widget.

    Thanks in advance.

    Steve

    Yep, count me in on this problem as well! It’s definitely a DIVI issue. This has been marked as “resolved” so…. how did you do it?

    Well it was already marked as “resolved” when I posted my message a week ago. Hopefully the original poster will see this thread some day soon.

    Here is a solution that is supported by all browsers and ie9+

    1. Open the file …/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js
    2. Search for

    t.obj.css("width",o);

    3. Replace both (it is twice in there!!) with

    t.obj.each(function(){this.style.setProperty('width',o,'important');});

    4. These changes are lost with a plugin update so I would recommend renaming the plugin folder “q2w3-fixed-widget” to something like “q2w3-fixed-widget-custom” (after renaming you will have to activate the plugin again).

    What this does is adding an !important to the element style width of all fixed widgets and thereby overwriting the divi widget style width: 100% !important;

    You are welcome.

    Fantastic! Thank you so much DexRuffin.

    Outstanding! I was pulling my hair out trying to get this plugin to behave and BAM! Got it! Thank you DexRuffin!

    Hey.

    Thanks for your answer, DeXRuffin.

    Its a bit better now.

    In IE my widget is sticky, BUT on the outer right sight of the Sidebar. Can i change this?

    And in Firefox: There has nothing happened. Still the same issue ??

    THANK YOU!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with Divi Theme’ is closed to new replies.