Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 3, 2015 at 9:51 pm #454109
    mdmllc

    Hi there. I have a website currently in development: brianhaas.maximizedigital.com

    The footer on mobile is insanely tall and on larger screens, pages with less content (issues and duties) stretches the footer tall as well.

    On a typical screen resolution, this works fine but on larger and smaller devices there are issues. Is there a way to condense the footer itself?

    June 4, 2015 at 10:18 am #454338
    Ismael

    Hey mdmllc!

    Thank you for using Enfold.

    The footer height will depend on the content inside. The current height is quite normal for a 3 widget footer on mobile device. Having said that, you have to compress the footer widgets in order to decrease the height of the footer container. You can start by decreasing the font size, widget margins etc. Use css media queries. Example:

    @media only screen and (max-width: 767px) {
#footer .widget p {
  font-size: 11px !important;
}

#footer .widget {
  margin: 10px 0 5px 0;
}}

    Regards,
    Ismael

    June 4, 2015 at 4:10 pm #454571
    mdmllc

    View post on imgur.com

    What about for larger desktops? Here, my client is not happy with the amount of space at the bottom of the footer / screen. How can we decrease this footer on larger desktops?

    June 6, 2015 at 12:07 pm #455446
    Ismael

    Hi!

    What is the screen resolution of your monitor? Mine is 1600x900px and the footer looks like this:

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.