Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2016 at 7:06 am #654062
    nickgriffin1

    Hi I am trying to hide all footer information on mobile devices except for the contact information (Footer 4) .

    Is this possible?

    Thanks

    Nick

    June 30, 2016 at 2:45 pm #655282
    Yigit

    Hey nickgriffin1,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
#footer .flex_column:nth-child(1), #footer .flex_column:nth-child(2), #footer .flex_column:nth-child(3) {
    display: none !important;
}}

    Best regards,
    Yigit

    July 2, 2016 at 2:17 pm #656111
    nickgriffin1

    Thanks Yigit

    This works on all pages except the homepage (on mobile) the content isn’t aligning

    I can provide you with access if you need it.

    July 2, 2016 at 8:35 pm #656145
    Basilis

    Hi!

    Please do clear your cache and try it again.
    I checked with clear cache and all look fine.

    Thanks a lot for your patience

    Cheers!
    Basilis

    July 3, 2016 at 1:15 am #656178
    nickgriffin1

    Hi Basilis

    I have tried that and also viewed on a few mobile devices and the same issue is still occurring.

    The text in the footer (contact details) on the homepage are being cut off ie the website and email address.

    All other pages are fine and the footer is displaying properly

    If you could have another look

    thanks

    Nick

    July 4, 2016 at 3:33 pm #656619
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
#footer .flex_column {
    width: 100%;
}}

    Best regards,
    Yigit

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