-
Posts
-
Usinsg “Lohgo area heading” and menu items on the left, footer and socket are not screen-width.
This does not change whether I use the standard footers or replace them with a page.
Also, the footer strip is very high, despite only using widgets composed of 3 lines of text.
Creating a page with a color section and 3 columns in which the widgets have been inserted, the height decreases, but it is still too high at the bottom.Hey icarogioiosi,
Please link to your pages so we can examine, one page of what you want, and another of what you what to correct.
A color section added padding/margin to the footer page, or you can try adding the 3 columns without a color section in your footer page.Best regards,
MikeThe site is under construction, therefore not visible to the public.
You can download a JPG image from the following link:
https://wetransfer.com/downloads/5fe5f19f5cd2eb83a88340c3bbc834b720241116193041/cc2b8820679df52bcee3aa06bea0501220241116193103/9ea811?t_exp=1732044641&t_ lsid=92841b41-560e-4693-9b1b-7b2c092d5f25&t_network=email&t_s=download_link&t_ts=1731785463
The footer is not as wide as the screen but only as the page content, so it is not visible under the menu.Please read this first : Enfold has understood the footer as part of #main from the very beginning. This means placing the containers within this main. I don’t know if this has any advantages, but many other themes have it as a sibling of header and main. I just skimmed over whether you could change the position with a child theme footer.php; however, I think you would then run into more conflicts than you would solve.
#wrap_all will have then:
- #header
- #main
- #footer
- #socket
see: https://enfold.webers-webdesign.de/enfold-consulting/
I believe that the option for the footer: “sticky with curtain effect” will be difficult to implement.
see footer.php changings (lines 11 and … ) https://pastebin.com/JUyUhwDs
#footer, #socket, #footer-page { z-index: 1000; } #footer-page { position: relative; }Hi,
Thanks for your input Guenni007.
icarogioiosi, if you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.Best regards,
MikeThanks for your suggestion Guenni007.
Let’s see if I understood correctly. You recommend duplicating the footer.php file from the theme to the child and modifying the code of lines 311-317 and adding that of lines 11-15, right?
And the remaining code?
#footer, #socket, #footer-page {
z-index: 1000;
}
#footer-page {
position: relative;
}
Where should it be inserted? I don’t find it inside the file https://pastebin.com/JUyUhwDson pastebin – this is the already edited footer.php. You can download it there.
If you place it to your child-theme root directory ( just besides style.css, functions.php and screenshot.png) it will automatically work.
you can see the changings because they are commented in that file. i just shifted the closing div of #main to the top.
it seems to work as long as you do not need the curtanin effect footer – with footer-page it works too – see example pages
https://enfold.webers-webdesign.de/enfold-consulting/
or
https://enfold.webers-webdesign.de/enfold-photography-portfolio/on those two pages i aditionally added:
.responsive #top #footer .container, .responsive #top #socket .container, .responsive #top #footer-page .container { max-width: 95vw; }It works!
Thanks for your time Guenni007.
About Mike’s proposal “A color section added padding/margin to the footer page, or you can try adding the 3 columns without a color section in your footer page.”
Footer height remains an issue.Using only widgets consisting of 3 lines of text and a title, there is a huge amount of empty space both above and below.
https://img.savvyify.com/image/image.97nP6if I use a page by replacing the footer and socket, the space at the top is just right, but there is too much unused space below.
A footer like this is not aesthetically pleasing.
https://img.savvyify.com/image/image.97BAhHi Guenni007.
I understand your point of view but the pages are still under construction and therefore not public.
But a solution can also be evaluated at https://enfold.webers-webdesign.de/enfold-photography-portfolio/, isn’t it?If you would like to get a reduction as indicated with the arrows in this image
https://img.savvyify.com/image/01.97WJUto achieve this result
https://img.savvyify.com/image/02.97a1ehow could you do it?
#top #footer { padding: 5px 0 ; } #top #footer .widget { margin: 10px 0 ; } #top #socket .container { padding-top: 10px !important; padding-bottom: 10px !important; }Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Footer and menu’ is closed to new replies.