SmokescreenCrea

Hi all,

I have just managed this by styling the particluar areas with CSS and its working well.

So for my particular needs I have the ultimate posts in a widget area in the footer and I wanted the images to the left and then the excerpt to the right.

To achieve this I simply added the following code to my stylesheet:

.widget-area header {position:relative; display:inline-block; vertical-align:middle;}
.widget-area header + .entry-summary {position:relative; display:inline-block; vertical-align:middle; width:calc( 98% - 150px);}

This simply takes a header within a div with the class “widget-area” and ensures that its relatively positioned and display block and then takes the .entry-summary directly after this header and positions it relative and with a width that is pretty much the width of the containing div minus the size of the image. The vertical align then makes them line up in the middle of each other.

Hope that helps!

Oh I can link to the site yes – my bad.

The site is here:

Interior page of live site

Just to clarify though the live site has slightly different code from what I posted above as the above is my development code and the live site is just using what I believe is the standard twentythirteen code which I think is this:

<h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>

So you can see the output on the live site and I’ll explain that below but I have also made a screen grab of the output of the posted development code and that can be found here:

Link to what happens using development code

What I want to happen is just to display the menu C / Smaller screen menu from the above image without the menu A / primary menu showing up as well.

If anything is unclear please let me know and I’ll try to clarify – thanks again!

Explanation of what’s happening on the live site is:
There is a menu that runs along the top of the screen in a green bar with white writing, this is the primary menu or menu A in my example and then there are some other links below this menu that are in white boxes with green borders. The links here are part of the tab-nav-links menu or menu B in my example.

Then when the screen is collapsed for smaller devices you’ll see that at certain screen sizes the primary menu disappears and the menu toggle is displayed whilst the tab-nav-links are still present but then if you shrink the screen more the tab-nav-links menu disappears and there is just the menu toggle button.

Do you mean Javascript? If so I wasn’t aware there was any Javascript in the that particular code but either way I took the original code twentythirteen template code:

<h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>

and modified it in a child theme / new theme. I then went into functions.php and registered new nav menus and locations and then setup the contents of those nav menus in the wordpress dashboard.

I also looked at functions.js to see whether anything in there was determining how the menu toggle displayed but I couldn’t see anything.

Thanks for any help you can provide