Mobile footer isn't in the middle and cut off
Hello,
I'm experiencing alot of problems with the builder. The biggest one is that many things on the mobile version are looking weird and wonky. The first picture with Text (Sterne des Sports) is cut off and my footer looks horrible. I tried Custom CSS to get my footer in the middle but this didnt work.
#footerccr li {
text-align: center;
display: inline !important;
margin: 10px;
}
#footerccr ul {
width: 100% !important;
text-align: center;
float: left !important;
}
What can I do to allign my footer and other stuff in the mobile version?
My site: https://www.ttv-1979-tirpersdorf.de/
Comments
Hello,
Please, turn off all minifying plugins because they make my work really hard.
When you do that, please, let me know, and I will take a closer look at it.
Thanks
I don't know what minifying Plugins you mean. I don't have any installed that makes anything small as I know.
The plugin name is Autoptimize.
Disable it, and let me know when you do that. After I will take a closer look at your Footer.
Thanks
I did disable it but the problem was already before this plugin. I used it at the end because my website is very slow.
1) This first image is cut because you are using a move-up option for a wrap. Please, go to Betheme -> Theme options -> Responsive -> General, and from Wrap move up a dropdown menu, select Disable on mobile.
2) Please open your website in Firefox HTML mode (CTRL+U) and check the HTML errors you got. Please fix them first, and the Footer display should be fine.
Thanks!
It is already disabled and was never enabled. I will look into the HTML and try changing stuff
How can I even change the HTML? I use a Child Theme for my CSS so I can I change the HTML from the Theme in Appearance → Theme-Editor?
1) If you want me to take a closer look at the cut image, please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
2) The HTML errors you got are because of some tags that are not closed.
Look at the following screenshot, for example:
As you can see, the div tag is not closed, and it can cause display problems on the website.
You need to check all places where you used HTML and see if all tags are placed and closed correctly.
Thanks
I can't send you the login because my company doesnt allow it.
That is my HTML in the footer section:
<span style="color:#ffffff">© Copyright 2021 - All Rights Reserved </span><br>
<span class="fusion-menu">
<a href='https://www.ttv-1979-tirpersdorf.de/kontakt/' target='_self'><span style="color:#b0d0ed">Kontakt</span></a> |
<a href='https://www.ttv-1979-tirpersdorf.de/impressum/' target='_self'><span style="color:#b0d0ed">Impressum</span></a> |
<a href='https://www.ttv-1979-tirpersdorf.de/datenschutz/' target='_self'><span style="color:#b0d0ed">Datenschutz</span></a> |
<a href='https://www.ttv-1979-tirpersdorf.de/vereinsdokumente/' target='_self'><span style="color:#b0d0ed">Vereinsdokumente</span></a>
I can't see my mistake. Is the <span class="fusion-menu"> not closed?
Yes, the span you mentioned is not closed. Moreover, the value of href and target attribute must be in double-quotes.
However, there are many more errors on your website. As I said before, you need to check all places where you used HTML tags. If you open your website in Firefox HTML mode (CTRL+U), you will see errors you got. They are red-colored ones, like these ones:
Thanks
I solved it by adding the right CSS. The HTML didn't change anything. It's really sad that I spent over 16 hours trying to fix different problems with that builder.
But thanks for trying
I am glad that you solved it.
Sorry that my previous suggestions did not help, but in most cases fixing HTML errors or turning off the plugins does the job.
But if you have any further questions or problems, feel free to ask.
Thanks