Responsive problem with footer

[rockman2044]

Hello, there is some position problem with my footer and I have no clue what happen it is, I want to reset the footer position but I can't reset it in any way, please help

 

^The above is the footer in full size

 

 

^The above is the footer in half size or mobile size

[SupportPS]

Hello.

Write a link to your site.

[rockman2044]

Hello.

Write a link to your site.

The link of my site is http://toystorey.no-ip.org/

Thank you

[tuk66]

Your theme comes from the default-bootstrap theme and I suggest to follow it. More of your footer blocks use <div></div> envelope. Compare

 

the default-bootstap HTML

<footer id="footer" class="container">
    <div class="row">
        <div id="newsletter_block_left" class="block">
        <section id="social_block" class="pull-right">
        <div class="clearfix"></div>
        <section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
        <section id="block_various_links_footer" class="footer-block col-xs-12 col-sm-2">
        <section class="bottom-footer col-xs-12">
        <section class="footer-block col-xs-12 col-sm-4">
        <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
    </div>
</footer>

and your HTML

<footer id="footer" class="container">
    <div class="row">
        <div class="col-md-5">
            <section id="social_block" class="pull-right">
            <div class="clearfix"></div>
        </div>
        <div class="col-md-5">
            <section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
        </div>
        <div class="col-md-5">
            <section id="block_various_links_footer" class="footer-block col-xs-12 col-sm-2">
        </div>
        <div class="col-md-5">
            <section class="footer-block col-xs-12 col-sm-4">
        </div>
        <div class="col-md-4">
            <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
        </div>
    </div>
</footer>

[rockman2044]

I believe the problem is with my $hook_footer, because the code in my footer.tpl  is as default and not changed

 

{if !isset($content_only) || !$content_only}

</div><!-- #center_column -->

{if isset($right_column_size) && !empty($right_column_size)}

<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>

{/if}

</div><!-- .row -->

</div><!-- #columns -->

</div><!-- .columns-container -->

{if isset($HOOK_FOOTER)}

<!-- Footer -->

<div class="footer-container">

<footer id="footer"  class="container">

<div class="row">{$HOOK_FOOTER}</div>

</footer>

</div><!-- #footer -->

{/if}

</div><!-- #page -->

{/if}

{include file="$tpl_dir./global.tpl"}

</body>

</html>

 

I have no idea how to make the html looks like the default-bootstap HTML, please help

 

Your theme comes from the default-bootstrap theme and I suggest to follow it. More of your footer blocks use <div></div> envelope. Compare

 

the default-bootstap HTML

<footer id="footer" class="container">
    <div class="row">
        <div id="newsletter_block_left" class="block">
        <section id="social_block" class="pull-right">
        <div class="clearfix"></div>
        <section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
        <section id="block_various_links_footer" class="footer-block col-xs-12 col-sm-2">
        <section class="bottom-footer col-xs-12">
        <section class="footer-block col-xs-12 col-sm-4">
        <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
    </div>
</footer>

and your HTML

<footer id="footer" class="container">
    <div class="row">
        <div class="col-md-5">
            <section id="social_block" class="pull-right">
            <div class="clearfix"></div>
        </div>
        <div class="col-md-5">
            <section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
        </div>
        <div class="col-md-5">
            <section id="block_various_links_footer" class="footer-block col-xs-12 col-sm-2">
        </div>
        <div class="col-md-5">
            <section class="footer-block col-xs-12 col-sm-4">
        </div>
        <div class="col-md-4">
            <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
        </div>
    </div>
</footer>

[SupportPS]

Footer already looks fine. You have solved the problem?

[rockman2044]

Yes, I have solved the problem by replacing the override folder to its default one

[increa]

Hi rockman2044,

Which folder did you replaced?

I have the same issue, I already replace the "themes", "override" and "modules" folder but still have the problem.

Mi site: www.spap.com.mx/demotienda

 

Thank you

Edited July 29, 2016 by increa (see edit history)