Arranging my Footer Tabs Horizontally in one Line

hi
remove your inline styles and replace following code in your css and take a backup of footer.php and stylesheet before doing changes:

.footer-widgets {
margin: 0 auto;
max-width: 100%;
position: relative;
}

.footer-widgets .widget {
float: left;
width: auto;
margin: 0 2% 3rem;
}

.widget a {
font-weight: 300;
text-decoration: none;
display: inline-block;
}

First of all, thanks for having time to reply to my question. But, am not yet very clear on what you want me to do. In the style.css of my Business leader theme of the footer section, I have the follow codes:

/*
* Footer widgets
*/
.footer-widgets {
margin: 0 auto;
max-width: 955px; }
.footer-widgets .widget {
float: left;
width: 29.33333333%;
margin: 0 2% 3rem; }
@media screen and (max-width: 767px) {
.footer-widgets .widget {
float: none;
width: 100%;
margin: 0 0 6rem; } }
.footer-widgets .widget-title {
color: white;
border-top-color: #666;
border-top-color: rgba(255, 255, 255, 0.2); }
.footer-widgets .widget_nav_menu a,
.footer-widgets .widget_pages a {
border-bottom-color: #666;
border-bottom-color: rgba(255, 255, 255, 0.1); }
.footer-widgets .wp-caption .wp-caption-text {
border-left-color: #666;
border-bottom-color: #666;
border-right-color: #666;
border-left-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(255, 255, 255, 0.1);
border-right-color: rgba(255, 255, 255, 0.1); }
.footer-widgets .widget_calendar caption {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-widgets .widget_calendar thead th {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-widgets .widget_calendar tfoot td {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer-widgets input[type=”text”] {
border-color: #fff; }
.footer-widgets input[type=”submit”] {
color: #777;
border-color: #777; }
.footer-widgets input[type=”submit”]:hover {
color: #fff;
border-color: #fff; }

/* Footer widgets responsive */
@media screen and (max-width: 797px) {
#footer-widgets {
width: 100% !important; } }
/* =Infinite Scroll
———————————————– */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block; }

.

Are you now telling me to remove the above and insert that which you presented to me? Thanks as I wait for your reply.

give me your footer.php code

<?php
/**
* The template for displaying the footer.
*
* Contains the closing of the #content div and all content after
*
* @package Business Leader
*/
?>

</div><!– #content –>

<footer id=”colophon” class=”site-footer” role=”contentinfo”>
<?php get_sidebar( ‘footer’ ); ?>
<div class=”site-info”>
<?php printf( ‘© %1$s %3$s‘, esc_html( date( ‘Y’ ) ), esc_url( get_site_url() ), esc_html( get_bloginfo( ‘name’ ) ) ); ?>
</div><!– .site-info –>
</footer><!– #colophon –>
</div><!– #page –>

<?php wp_footer(); ?>

</body>
</html>