• Resolved veldad

    (@veldad)


    I’m using siteorigin’s layout builder to put in some footers for my website.

    Everything’s ok except that the footer is taking up only half of the footer area.

    I’ve been trying to find out what’s causing it and is about to give up. Tried the forums and I can’t find anything directly related to my issue.

    Was about to get the premium version of this theme but this specific bug/issue is giving me doubts.

    Any help is much appreciated.

    Web URL is https://fdchq.online/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Inside the footer region i.e.:

    <div class="footer-widgets"></div> you have four columns defined as <div class="widget-one-column col-sm-6"></div>, while the first one only holds your content.

    What you can do:

    Remove those three columns and change the fist column to read
    <div class="widget-one-column col-sm-12"></div>

    This should solve your problem. Ideally you should find the HTML for footer region inside your theme’s footer.php file.

    Here is a screenshot of footer section of your website (corrected): https://prnt.sc/ef0fqf

    Important: Always use child theme because all your changes are gone when you update the main theme!

    Hi,

    We find this bug and solve it next theme update.

    Thanks for your passion.

    Best Regard

    Thread Starter veldad

    (@veldad)

    Thanks for the help @subrataemfluence!

    I’m not sure if i did the right thing.. but the footer display seemed corrected.

    Original was…

    $evolve_footer_css = ”;
    if ($evolve_widgets_footer == “one”) {
    $evolve_footer_css = ‘widget-one-column col-sm-6’;
    }
    if ($evolve_widgets_footer == “two”) {
    $evolve_footer_css = ‘col-sm-6 col-md-6’;
    }
    if ($evolve_widgets_footer == “three”) {
    $evolve_footer_css = ‘col-sm-6 col-md-4’;
    }
    if ($evolve_widgets_footer == “four”) {
    $evolve_footer_css = ‘col-sm-6 col-md-3’;
    }

    I removed the last three entries, then changed the following:

    $evolve_footer_css = ”;
    if ($evolve_widgets_footer == “one”) {
    $evolve_footer_css = ‘widget-one-column col-sm-12’;
    }

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This reply was modified 7 years, 8 months ago by bdbrown.
    • This reply was modified 7 years, 8 months ago by bdbrown.

    Yes, seems you have done the right thing here:

    
    $evolve_footer_css = ”;
    if ($evolve_widgets_footer == “one”) {
    $evolve_footer_css = ‘widget-one-column col-sm-12’;
    }
    

    it makes sure when you have only one footer widget, footer takes all available 12-column width. The code you have changed should now render only one column and not the other three columns. So it should now match what I wrote in my previous message. Well done ??

    Thread Starter veldad

    (@veldad)

    Thanks for the help!

    You are most welcome. Glad I the solution worked for you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Footer is taking up only half of the footer area only.’ is closed to new replies.