Okay
  Public Ticket #2757031
disable footer reveal on mobile
Closed

Comments

  • RichelleDuke started the conversation
    April 21, 2021 at 7:15pm

    Hi,

    How can I disable the footer reveal effect on mobile devises?

  •  1,878
    Judith replied
    April 21, 2021 at 7:55pm

    Hi There,

    Please send in your website url so that we can provide css for what's possible.

    Thanks.

  •  8,847
    Tahir replied
    April 21, 2021 at 10:19pm

    Hey Again,

    I see you already got it working:  . 

    5848234121.pngBest 

    ThemeNectar Support Team 

  • RichelleDuke replied
    April 22, 2021 at 2:16pm

    Hi Tahir,

    Uh...didn't set that myself. Don't know where that comes from, if not salient.

    Tried to copy it and make max width 1300px, to make it work on iPad also. But then the reveal is still there but the footer is below that...see screenshot. What can I do?

    (for now deleted the CSS again)

  • RichelleDuke replied
    April 22, 2021 at 4:14pm

    Hi,

    I set up a staging site https://www.dukeinteriors.eu/ here the CSS code is active, so you can see what happens on iPad landscape.

  •  8,847
    Tahir replied
    April 22, 2021 at 5:35pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    /* Tablet Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1366px) and (orientation:landscape) {
    body[data-footer-reveal="1"] #footer-outer {
        position: relative !important;
    }
    body[data-footer-reveal="1"][data-footer-reveal-shadow="large"] .container-wrap {
        margin-bottom: 0px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • RichelleDuke replied
    April 22, 2021 at 6:39pm

    Thanks Tahir! 

    This is great...