[HansH]

Hello team,

 

A question about the footer.
The footer occurs on the website directly under the text. In some cases it means, that the footer occurs half way the page on screen.
Is it possible that the footer always occurs down the page on the screen?

Kind regards

Hans Hagmeijer

[sujapati]

@HansH: The behaviour you’re describing happens because the footer is placed directly after the content in the body. When the content on the page is too short, the footer appears higher up on the screen.

You can try adding the following CSS to your site

html, body {
    height: 100%;
}
.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
footer.wp-block-template-part {
    margin-top: auto;
    margin-bottom: 0;
}

Note: While we recommend using slightly more content in the body for better layout consistency rather than adding CSS, it’s perfectly normal for the footer to appear higher up the page when there’s less content.

Regards,
Sujapati

 

[HansH]

Hi Sujapati,

 

Thank you for answering. I added CSS, but there was no result.

I think you are right. We have to add more content to the page, so I will do so, despite our goal was to have pages with minimal content to show only one dashboard on one page with minmal explanation. Now I will look for another solution.

Kind regards and have a nice day.

Hans Hagmeijer

[sujapati]

@HansH: We completely understand your goal of keeping the pages minimal with just the dashboard and minimal explanation. It’s great that you’re looking for a solution that aligns with your vision.

I hope you have a wonderful day too!

Regards,
HansH

[HansH]

Hello Sujapati,

I followed your advise. Now I have the next problem. In the templates I tried to adjust the pages template. I think I made a terrible mistake, because after trying to get more distance between header and footer, I failed. Now all the pages (see tien.woonzorgdashboards.nl) there is no more content to see, while there is content.
Is it possible to give a clue or is it possible to start all over. I doesn’t want to reinstall the theme, because I don’t know anymore how to make the header as I wanted it. 🙂

Kind regards

Hans Hagmeijer

 

[sujapati]

@HanH: We have reviewed your site and found that all the content is visible, as expected. Has the issue been fixed?

We also noticed that extra empty spaces have been added, possibly to increase the content size. However, this isn’t necessary now that you’ve implemented the CSS we provided. The only issue we found is that the new CSS is being overridden by the default theme’s CSS.

To resolve this, please add the updated CSS below

footer.wp-block-template-part {
    margin-top: auto!important;
}

Kind Regards,
Sujapati

[HansH]

Hello Sujapati,

Thank you for answering.

I implemented your extra css. The result: footer fine on bottom of the page.

I removed all paragraphs, except one.
The result: content doesn’t show up.
On one page (see screen prints) there is only html and no further content. Also on this page: content doesn’t show up.
I don’t understand what I have done wrong.
You see here the result and the concept page.

Kind regards

Hans Hagmeijer

https://drive.google.com/file/d/1fh4g2adRi0ZJDOGhL3F8ardImeIKTznM/view?usp=sharing

https://drive.google.com/file/d/1F_QXgKF3ao7MWnEraIfJud8evdv8HnLj/view?usp=sharing

[HansH]

Hello Sujapati,

One of the links was the wrong link

The right link is:

Link with content of page that isn’t visible

[sujapati]

@HansH: We are a little confused with your screenshot.
https://drive.google.com/file/d/1fh4g2adRi0ZJDOGhL3F8ardImeIKTznM/view?usp=sharing
It shows you are using the Catch Store Pro theme but you have opened ticket for Elevate Biz.  Please check it once.

Regards,
Sujapati

[HansH]

Hello Sujapati,

When I switched to the WordPress standard theme, all is working fine. Changing to Elevatbiz means that content isn’t visible.

Kind regards

 

Hans Hagmeijer

[sujapati]

@HnasH: Seems like the content you are trying to add is complex layouts with JS through custom HTML blocks. Gutenberg doesn’t support interactive JavaScript-based content.  Instead please try adding text contents like paragraph, heading, media and shortcodes and check it again. It should work well.

Regards,
Sujapati

[HansH]

Hello Sujapati,

 

I tried to make another topic, but I got the message that this was impossible. In the mean time I switched themes. I now use the theme Artylens, but in that theme I cannot get the hamburger menu. It seems there is an invisible link.
Is it possible to give an advise how I can change this?
Otherwise maybe it is possible I use the theme threaders.

Kind regards

Hans Hagmeijer

[sujapati]

@HansH: Thank you for bringing this issue to our attention. We’ve successfully identified and fixed the problem, and you’ll be notified soon when the update is available.

In the meantime, to resolve the issue with the hamburger menu, you can add the following CSS to your site:

body .wp-block-navigation__responsive-container-open:not(.always-shown) svg {
    display: block;
}

body .header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    position: static;
    padding: 0;
}

body .wp-block-navigation__responsive-container-open:not(.always-shown):before {
    display: none;
}

If you need any further assistance, feel free to reach out!

Best Regards,
Sujapati

 

[HansH]

Thank you so much Sujapati. I tried this at once. I already thought I made a stupid mistake.

Kind regards

 

Hans Hagmeijer

[HansH]

It works. Thank you Sujapati.

[sujapati]

You’re very welcome HansH! Glad it worked for you.

[Author]

Posts