Width of Footer - can it be increased to same width as page content

I am continuing to learn about Travelify. I really think this is a good theme.

Is it possible to increase the width of the footer to be the same width as a full width page? The reason I am wondering is because I viewed my site in mobiletest.me using Samsung Galaxy The three text widgets can be read, but I am wondering if I could increase the width so those using mobile devices will be able to read it better.

That being said Travelify is a very mobile friendly theme. I like the way it looks.

Hi @moses,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

#footerarea .container {
    padding: 0;

Best Regards,

Thank you so much for CSS code. It works great for extending width of row 1 with 3 widgets to width of page container. Thanks for the help.

The padding is not uniform on widget 1 compared to widget 2 and widget 3 in row 1. I think I can figure that out.

My other challenge is how can I add another row of widgets in the footer.

When I add another row of 3 widgets the widgets in the second row shift the the right.

So far I have tried to solve this by

  1. Adding the following code in the 3rd widget in row one but that did not work.

<div style=“clear: both;”></div> I was sure this code would work. But it does not. I also tried adding CSS to make widget hieghts the same so row two would line up under row one. But somehow I have been unsuccessful.

I am attaching an image to demonstrate my challenge.

  1. SInc option 1 mentioned above did not work, I tried creating another sidebar widget which would be a full width widget.

I used css code: #footerarea .col-1 {
width: 100%;
float: left;
margin-left: 2.5%;

I registered a new widget in the functions.php in the file Library
// Registering footer widgets
register_sidebar( array(
‘name’ => __( ‘Footerfull’, ‘travelify’ ),
‘id’ => ‘travelify_footerfull_widget’,
‘description’ => __( ‘Shows widgets at footerfull.’, ‘travelify’ ),
‘before_widget’ => ‘<div class=“col-1”><aside id="%1$s" class=“widget %2$s”>’,
‘after_widget’ => ‘</aside></div>’,
‘before_title’ => ‘<h3 class=“widget-title”>’,
‘after_title’ => ‘</h3>’
I added the following to the file Libary Structure footer-extension.php
add_action( ‘travelify_footer’, ‘travelify_footerfull_widget_area’, 10 );

  • Displays the footer full widgets
    function travelify_footerfull_widget_area() {
    get_sidebar( ‘footerfull’ );

I added the following to the Library Structure sidebar-extensions.php
add_action( ‘travelify_footerfull_widget’, ‘travelify_display_footerfull_widget’, 10 );

  • Show widgets on Footer of the theme.
  • Shows all the widgets that are dragged and dropped on the Footerfull Sidebar.
    function travelify_display_footerfull_widget() {
    if( is_active_sidebar( ‘travelify_footerfull_widget’ ) ) {
    <div class=“widget-wrap”>
    <div class=“container”>
    <div class=“widget-area clearfix”>
    // Calling the footerfull sidebar if it exists.
    if ( !function_exists( ‘dynamic_sidebar’ ) || !dynamic_sidebar( ‘travelify_footerfull_widget’ ) ):
    </div><!-- .widget-area →
    </div><!-- .container →
    </div><!-- .widget-wrap →

I did all of the above using a child theme. But I cannot see my new widget in the customize or widget screen in Wordpress. I am trying to figure out what I am missing.

Why doesn’t the newly created widget show up in wordpress custoomizer widget?

Any ideas would be most appreciated.

Thanks again for the great theme. I believe it has so much potential.

Thank you for your efforts

You are most welcome here :slight_smile:

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/travelify-support/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Thank you so very much for your solution. It works. Thank you.

I created another support question for my other footer layout.

You are always welcome here :slight_smile: