Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1294809

    Hello

    I am using a Footer as a new page to have the flexibility to create two columns for the copyrights/links. I added the contents inside a Color Section and set the padding/margins to zero.

    However, the bottom is too big. How can I remove that large space at the bottom? Please check the screenshot and the live site in private.

    As per the screenshot, the green area is what I want to keep for the colour section. The red section below is to remove.

    Thank you.

    #1295177

    Hey sitesme,

    Please try the following in Quick CSS under Enfold->General Styling:

    #my_footer {
      min-height: 40px !important;
    }

    Best regards,
    Rikard

    #1295190

    Thank you Rikard.

    This worked on desktop, but it was messed up on mobile.

    I fixed it by showing/hiding one version for desktop and another for mobile and it is perfect now.

    Thank you for your help.

    #1295387

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1295409

    Let me just contribute with my code below:

    /* Footer Spacing */
    #mobile_footer {
      min-height: 60px !important;
    }
    
    #desktop_footer {
      min-height: 40px !important;
    }

    This way I was able to achieve the same result by adding a show/hide colour section for desktops and another one for tablets and mobiles to match the height required.

    You can close this topic.
    Thank you all for your great help, as always.

    #1295555

    Hi sitesme,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Footer section (as a page) too high’ is closed to new replies.