Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 8, 2024 at 2:58 pm #1433698
    XFSwebsite

    Footer area spans the area of other elements. How to fix that?
    Website screenshot
    Screenshot here – https://ibb.co/FqW515K

    • This topic was modified 7 months ago by XFSwebsite.
    • This topic was modified 7 months ago by XFSwebsite.
    February 8, 2024 at 6:46 pm #1433729
    Rikard

    Hey XFSwebsite,

    I’m not sure I fully understand the problem you are having, what exactly would you like to adjust? If you need further help, then please post a link to where we can see the actual element as well.

    Best regards,
    Rikard

    February 9, 2024 at 9:27 am #1433776
    XFSwebsite

    Hey Rikard,

    1. The problem is that we need to fix the Footer height in HTML. We were asked about that by the person who optimised our website speed. According to his words, the Footer overlaps the video element in terms of HTML.
    2. Here’s the link to our website https://xsensflow.com

    February 9, 2024 at 11:37 am #1433798
    Rikard

    Hi,

    The video looks to be added as a background in a Color Section element, did you try adjusting the height of the section under Layout->Section Height?

    Best regards,
    Rikard

    February 9, 2024 at 2:29 pm #1433822
    XFSwebsite

    What section do you mean: video or footer?

    February 9, 2024 at 5:18 pm #1433838
    Rikard

    Hi,

    You could try the video section first of all.

    Best regards,
    Rikard

    July 12, 2024 at 10:47 am #1461907
    jamesbarren

    I’m also having issues with height footer area (mobile version only, not desktop) for my website: https://layarestaurant.com/

    How can I reduce the bottom section of footer (below text line “CALI RESIDENTS | ACCESSIBILITY” so it’s the same space height as top portion of footer (area above “RESERVATIONS BOTTOM”). I’m trying to keep footer slim as possible. Please advise!! Any help is greatly appreciated!!

    July 12, 2024 at 4:38 pm #1461938
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #footer .av_one_third > section {
	margin: 0;
}
#top #footer {
	padding-bottom: 15px;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 13, 2024 at 7:11 am #1461957
    jamesbarren

    Thank you for quick reply! Unfortunately, it did not work. I only need this for mobile version of footer (not desktop or tablet, etc.) and only the bottom area height I need to reduce as seen circled in red in screenshot available online at: https://imgur.com/a/q3mDIKX

    July 13, 2024 at 2:41 pm #1461969
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #footer .flex_column {
	margin-bottom: 0;
}
}

    The expected results:
    Enfold Support 6285

    Best regards,
    Mike

    July 14, 2024 at 5:09 am #1462000
    jamesbarren

    It worked! Thank you!

    Screenshot 20240713 200000 Samsung Internet

    July 14, 2024 at 2:06 pm #1462023
    Mike

    Hi,
    Glad we were able to help, 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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to fix footer area?’ is closed to new replies.