Footer customization

Hi
1- How to make a customizable footer for mobile pages?
2- How to control the maximum height of the footer and its content padding. It has huge gaps and doesn’t seem nice
3- Is there a way to speed up site and compress your theme files and css and js? the theme itself is slow. I hired 3 specialists and they said the main issue is in theme and its files

Hello,

1. Navigate to the Theme Settings – > Footer and set one-column layout.

2. Create an HTML block in WP Bakery page builder template and make it as per your needs.

3. Navigate to Appearance > Widgets > Footer column and add the HTML widget and set the HTML block you have created.

Best Regards

Thanks Elise
I’ll try that

And point 3? How to soove speed issue?

Hello,

In general, our theme is already optimized and don’t have too many resources to make your website slow. Most likely, your website performance suffers from the content you have added to your website. It may happen in case of too many plugins, large not optimized images or other resources. So we suggest you to remove unnecessary plugins, install some kind of JS & CSS optimizing plugins like Better WordPress Minify and a caching plugin like WP Super Cache. Also, you can use GTmetrix tool to see what makes your website slow and optimize these parts of your website.

Best Regards

Hi Elise
As for point 2, There is no control for this. Footer has a lot of empty spaces up and down conten. How to minimize that? If there is a code to control that height for desktop & mobile please send it

As for number 3, If you tested your templates uploaded on ThemeForest powerful server you will find it slow. Test it with GTMetrix or any other tool

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .footer-container .footer-column {
    margin-bottom: 0;
}

Best Regards

Hi Elise
Thanks for the code. It’s not working
I set it to 0 and space is the same. Set it to -100 and the same.
Please check it. Also, I need to control top margin, not bottom only

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global as well:

body .footer-container .widget-area {
    padding:20px 0 0 0;
}

If you still do not like, show the screen which gaps to remove.

Best Regards

Works perfectly fine

Thanks ELise

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts