WordPress.org

Ready to get started?Download WordPress

Forums

Prevent widgets from shifting down (5 posts)

  1. jamonavich
    Member
    Posted 1 year ago #

    Hi there, I'm using the theme Ascetica with a child theme in place. You can find the test site at test.purgeplugs.com.

    The issue I'm having is with the right sidebar. First of all, there are two widgets in the right sidebar, one for the shopping bag and one that contains that ridiculously long image. I put the image in a text widget because that was the easiest way I could think of to get it in that position, if you know of another way let me know.

    The problem is that whenever I hover over the navigation these two widgets shift down with the animation on the navigation. Also, when loading the site or a page the widgets start near the bottom of the navigation and then shift down once the shopping bag widget loads completely.

    Is there something I can do to make the widgets load in the proper position and then stay there, unaffected by the movement of the navigation?

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try asking on the theme's dedicated forum: http://themehybrid.com/support/

  3. Ryan Sullivan
    Member
    Posted 1 year ago #

    On line 83 of your style.css file you'll see the following:

    #menu-primary, #sidebar-primary {
        width: 29.6%;
    }

    Change it to

    #menu-primary, #sidebar-primary {
        width: 29.6%;
        height: 140px;
    }

    Granted if you add more menu items you'll need to adjust the height of the menu, but with the items you currently have there this should do the trick!

  4. Ryan Sullivan
    Member
    Posted 1 year ago #

    Correction

    Disregard what I said above and add the following to your style.css

    #menu-primary {
        height: 140px;
    }

    We don't want to define a height for the sidebar too :)

  5. jamonavich
    Member
    Posted 1 year ago #

    Oh man, that's excellent Ryan. Thank you.

    However, this fix doesn't address the problem with the widgets loading near the navigation and then moving down once the shopping bag is loaded.

    Are you guys seeing the same thing? Any idea how to fix that?

Topic Closed

This topic has been closed to new replies.

About this Topic