Tagged: footer, photography
Hi,
I want to use a full width footer in the photography demo because with small window sizes you have the effect that the left sidebar containing the menu will by cut off at the window bottom or it will be cut off when the main content is not as long as the menu in the left sidebar.
I think adding a full width footer which is below both the content area and the left sidebar will force both containers to display correctly.
Unfortunately I cannot set the footer to 100% in the Enfold settings. Do I have to manipulate the php files to force a full width footer? If yes, how can I do it?
See http://kriesi.at/themes/enfold-photography/: If you open it with a small browser window you’ll see that the menu is just cut off at the window bottom which is in my opinion a wrong behavior. Shouldn’t be the longest container determine the maximum length of the window content?
Hi touchbyte!
Thank you for using Enfold.
Yes, the menu sidebar will get cut off when you intentionally resize the browser to a certain extent but it will work for all standard / default screen sizes. If you’re worried about users who resized their browsers, the only solution we can provide for now is to adjust the menu sidebar height. Add this on Quick CSS or custom.css:
.html_header_sidebar #header .av-main-nav > li > a {
line-height: 1.0em;
padding: 12px 3px;
}
.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
font-size: 13px;
}
Cheers!
Ismael