-
Posts
-
When resizing the UA window to a small width like a smartphone size, the columns (I use four of them) doesn’t slip one below the other. In tablet-size everything is ok. BTW the MegaMenu is much to big now.
(click Avatar to see my site)Hey Zeilenschreiber!
I checked your link but I see 3 columns instead of 4 and they are resizing properly to 100% on small screens. Did you get this sorted?
The mega menu looks fine for me as well. If you want to change it’s width then add this to your custom CSS.
#header .twelve.units { max-width: 800px; }Cheers!
ElliottThe menu looks good again – after upgrading to 3.1.1
but the footer still doesn’t.
Have a look
– picture footer-1.jpg shoes the footer on my usual sreen – everything is fine
– picture footer-2.jpg shoes a sreenshot taken by my android smartphone – terrible
– picture footer-3.jpg shoes how it should look likeHi!
Thank you for the info.
I think the minify settings is breaking the layout of the footer columns. Please deactivate the minify plugin. What is name of the minify plugin?
Cheers!
IsmaelI checked it and no – it still doesn’t work. The Plugin is named W3 total cache.
Further one thing is curious – on post-pages the footer works as it should.The following steps I took so far:
– deleted my own css in the child theme (no other custom css used by me), cleared cache and browser-cache: no improvement
– deactvated the whole W3 total cache plugin, cleared cache and browser-cache: no improvementCould it be a template issue? Should I try to upload files per ftp? Again, on post-sites the footer works like a charm – not on page-sites.
Hi!
The footer container is outside the #wrap_all and #main container. It should be inside those containers. Did you add any html tags inside the page? Please make sure that all tags are closed properly.
Best regards,
IsmaelNow I updated to 3.1.2
The issue with the footer still exits. By now I have no idea, what this causes. I checked everything you suggested, loaded the files up per ftp, deactivated several plugins and at last I build up some pages completely new – but nothing works. I don’t get …Hey!
Do you have a footer.php in you child theme? Could you try to update that as well if there is one?
Best regards,
RikardHi!
I don’t think there is any point to that if you are not going to do customisations, could you try my recommendation but in the parent theme instead? Download a fresh copy of the theme from Themeforest and update footer.php via FTP: http://kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
RikardHello Rikard, I did this a few hours before – manually updated to Ver. 3.1.3.
What I did, was:
– deleting the old files from the server
– uploading the new ones to the server per ftp
– flushed all cachesThe result is, no improvement. There are still places, where the footer doesn’t float as it should.
Hi!
Ok, so it’s only on some pages? Could you link to one where the problem occurs please?
Best regards,
RikardThe both below are working:
(portfolio) https://goldschmiede-bender.de/schmuck/
(blog) https://goldschmiede-bender.de/blog/For example the two below – footers are not working:
https://goldschmiede-bender.de/ueber/geschichte/
https://goldschmiede-bender.de/informative-websites/I used the Advanced Layout Builder with the following settings:
sidebar settings:
No sidebar
Footer settings:
Standard-LayoutAs I said before – no custom html in there, all was build with the Advanced Layout Builder.
Hey!
It has the same problem. The footer and socket container are floating outside the wrap_all container. Please post wp login details as well as the ftp credentials. We would like to check it.
Cheers!
IsmaelHey!
I’m not sure why the footer container is outside the wrap_all container but we fixed the footer columns with this code on style.css:
@media only screen and (max-width: 767px) { .responsive #top .container .av-content-small, .responsive #top #footer .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; }}Cheers!
IsmaelHi!
Since the footer is outside the wrap_all container, the css style for footer columns on mobile screen are not being applied. I’m not sure what’s causing the issue but there are reported issues regarding horizontal rule / separator elements breaking the layout of the site. Try to create a test page then remove all hr shortcodes, see if anything is different.
Cheers!
Ismael> but there are reported issues regarding horizontal rule / separator elements breaking the layout of the site …
I confirm that! I remember, on my homepage I played around with whitespace/separators. At one point the footer works as expected (before you fixed the whole thing). Unfortunately I don’t have the time for try and error – but thank you approving my gut feeling.There is one more issue with having a sidebar on pages, that uses a slider at the top – the whole design breaks …
… I’ll come back later for this with an example page under a new topic.Thank you by now!
- The topic ‘floating issue with Footer Columns in Vers. 3.1’ is closed to new replies.