How to Remove Space Between Footer & Pre-Footer

Hi,

Please try to add the following code under the Home >> Settings >> Additional CSS:

.separated-item-25 {
    min-height: 200px!important;
}

Sincerely,
Hella

Hi,

Please try to add the following code under the Home >> Settings >> Additional CSS:

.separated-item-25 {
    min-height: 200px!important;
}

Sincerely,
Hella

Hi Hella,

That worked well :) Thank you!

Tell me one more thing, Can we use visual composer with Themler? There are certain functionality which we need to develop and unable to do it from Themler?

Hi,

You can use Visual Composer to add the content from WP admin. It should take the theme styles. But we cannot guarantee that there will be no conflicts in some particular situations. In any case, looks like some our users are using Visual Composer on their sites.

Sincerely,
Hella

Hi Hella,

I have put additional CSS recommended by you to Remove Space Between Footer & Pre-Footer. It worked for Home Page only but the minor space is still left in inner pages as well.

Check these pages

http://e5e.0d8.myftpupload.com/product/

http://e5e.0d8.myftpupload.com/contact-us/

Hi,

Try to use this code instead:

.separated-grid.row > div {
    min-height: 200px!important;
}

Sincerely,
Hella

Hi,

Try to use this code instead:

.separated-grid.row > div {
    min-height: 200px!important;
}

Sincerely,
Hella

Yes, That worked out well :)

Thank you so much

How to get the Menu Bar in the Middle in Tablet & Mobile Mode?

Hi,

switch to the tablet mode and use the positioning options to center the menu. If that does not help, provide an access to the site back end.

Sincerely,
Hella

Here are a few suggestions to help you troubleshoot and potentially resolve the issue:

Check for Browser Extensions:
Sometimes browser extensions can interfere with the rendering of web pages. Ensure that you have no browser extensions enabled that might be altering the layout of your website.

Browser Cache:
The behavior you're describing, where the space appears on the first load and disappears upon refreshing, could be related to browser caching. Try clearing your browser cache and then loading the page again to see if the issue persists.

Inspect the Elements:
Use your browser's developer tools to inspect the elements causing the space. Look for any dynamically applied styles or scripts that might be affecting the layout. Pay special attention to styles related to margins, padding, and positioning.

CSS Reset:
Ensure that your CSS styles are consistently applied across different browsers by using a CSS reset or a normalize.css file at the beginning of your stylesheets. This helps in establishing a consistent baseline for styling.

Conditional CSS:
If the issue seems to be browser-specific, consider using conditional CSS to apply specific styles for problematic browsers.

JavaScript Load Order:
If you have JavaScript affecting the layout, ensure that it is loaded in the correct order. Sometimes asynchronous loading of scripts can lead to unpredictable behavior.

Responsive Design:
If your website is responsive, make sure that your styles for different screen sizes are well-defined and tested thoroughly.

Server-Side Caching:
If your website employs server-side caching, make sure that it's configured properly to avoid serving cached versions of the page that might introduce the spacing issue.

Content Management System (CMS):
If you're using a CMS, check for any automatic styling or layout adjustments it might be applying.

Collaborate with Others:
If you're working with a team or using a content management system, check if anyone else has made recent changes that could be affecting the layout.

By systematically checking and addressing these potential issues, you should be able to identify the cause of the intermittent spacing and implement a permanent solution.