• Resolved 5tu

    (@5tu)


    I use the WordPress Twenty Fourteen theme on my site. I have four menus in the footer area which display incorrectly on any page where an “All In One Event Calendar” widget appears.

    On any page with an ai1ec widget my footer menus display on top of each other (they all float to the left margin and cover each other up). If I remove the ai1ec widget from the page the menus display correctly.

    This is since the last ai1ec update – version 2.3.3

    https://ww.wp.xz.cn/plugins/all-in-one-event-calendar/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    Can you please provide a link to your calendar page.

    Thread Starter 5tu

    (@5tu)

    Hi

    Thanks for the response. Unfortunately my site is an internal intranet and cannot be accessed externally. I could email you some screenshots though?

    Have you tried another WP theme?

    Thread Starter 5tu

    (@5tu)

    The other WP themes don’t show my menus in the footer so therefore don’t test the issue.

    Thread Starter 5tu

    (@5tu)

    Ok, I’ve discovered that when a ai1ec widget is added to a page the absolute positioning values on the <aside> tags, and the parent div, in the footer are removed.

    E.g

    Page without ai1ec widget:

    <div class="footer-sidebar widget-area masonry" id="footer-sidebar" role="complementary" style="height: 198px; position: relative;">
    	<aside class="widget widget_text masonry-brick" id="text-48" style="left: 0px; top: 48px; position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-3" style="left: 315px; top: 48px; position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-6" style="left: 630px; top: 48px; position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-4" style="left: 945px; top: 48px; position: absolute;">...</aside>
    </div>

    Page with ai1ec widget:

    <div class="footer-sidebar widget-area masonry" id="footer-sidebar" role="complementary" style="height: 0px; position: relative;">
    	<aside class="widget widget_text masonry-brick" id="text-48" style="position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-3" style="position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-6" style="position: absolute;">...</aside>
    	<aside class="widget widget_nav_menu masonry-brick" id="nav_menu-4" style="position: absolute;">...</aside>
    </div>

    Does this help you to diagnose what’s going on?

    Many thanks

    If possible, please set test installation that can be accessed. I’d like to take a look at what’s occurring.

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

The topic ‘Upcoming Widget CSS Problem’ is closed to new replies.