Stack widgets horizontal and center?

  • Hello,

    Im working on adding widgets to my floating menu, ive got the widgets to work, but im having 2 problems. The widgets aren’t centered and they are stacking vertical and i wanna stack them horizontal with the width of the floating menu.

    Here is the link to the site im currently testing the functions on until i get them fully functional to go on my main site https://www.torquegraphix.com/store/about/

    Here is the widget code from with in the header where my floating menu is located:

    <div id="floating_menu">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Floating Menu') ) : ?>
<?php endif; ?> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Floating Menu Right') ) : ?>
<?php endif; ?>
</div>
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tcdesigner

    (@tcdesigner)

    Well it seems adding this to the code helped it, but not completely.

    <div id="floating_menu" align="center">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Floating Menu') ) : ?>
<?php endif; ?> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Floating Menu Right') ) : ?>
<?php endif; ?>
</div>

    Witch centered the widget (kinda), but now i need to stack the widgets horizontally, how do i do that?

    Thread Starter tcdesigner

    (@tcdesigner)

    Any ideas on stacking horizontally? I know i need to edit the style.css to get it do it horizontal.

    You would need to add something like this to your custom css:

    ul li {
    float: left;
}

    But, this is going to affect all your unordered lists. A better option might be to define your own css to use for that particular floating menu, and call it’s class in the div tag.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Stack widgets horizontal and center?’ is closed to new replies.