Prevent widgets from shifting down

  • 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?

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

  • Try asking on the theme’s dedicated forum: https://themehybrid.com/support/

    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!

    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 ??

    Thread Starter jamonavich

    (@jamonavich)

    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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Prevent widgets from shifting down’ is closed to new replies.

Tags