Sidebar takes over half of the screen

  • Resolved Michael

    (@mjrbeer)


    2 years, 5 months ago

    Hi, I am having a reoccurring issue on my website Adult Education, where my sidebar seems to take over half of the width of the page.

    Inspecting the page brings up the following warning:

    `Fixed Widget: Detected nested widget in <aside id=?”block-10″ class=?”widget widget_block FixedWidget__fixed_widget” style=?”box-sizing:? border-box;? position:? sticky;? transition:? transform 0s ease 0s;? top:? 132px;? transform:? translateY(0px)?;?”>?<div class=?”wp-container-27 is-content-justification-left wp-block-buttons” style=?”position:? relative;? min-height:? 100%;?”>?…?</div>? flex </aside>?
    (anonymous) @ frontend.min.js:1

    Any help would be greatly appreciated!

    The page I need help with: [log in to see the link]

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

  • hi
    i have this issue
    when scroll down the sidebar come to the center of screen.
    thanks.

    Plugin Author Thomas Maier

    (@webzunft)

    Hey Michael,

    thanks for reaching out!

    We checked your site. There are a lot of nested elements. Too many for Fixed Widget to handle in the way you might expect.

    You could try to set div.sidebar-main in the Custom Elements option to fix the whole sidebar and remove the settings for individual widgets. Please let me know how this works out.

    Thanks,
    Thomas

    @hennn please open a new thread. Every site is different. Thanks!

    Thread Starter Michael

    (@mjrbeer)

    Thanks for the response Thomas. I tried using the Custom Elements option but it didn’t give the desired appearance. I have instead reduced the number of elements (both fixed and non-fixed) within the sidebar – which hopefully will prevent this from occurring in the future.

    Thanks!

    Michael

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar takes over half of the screen’ is closed to new replies.