Footer Text Dissapears In Mobile Phone View

  • Jason
    Jason
    Titan
     
    630 points

    This is how to rectify this problem , attached zip file with code

    Pic 1: http://prntscr.com/gn8vsv

    Pic 2: http://prntscr.com/gn8wbg

    add this code in section> Theme setup> General Setup> Custom CSS> Custom CSS

    #footer_content .container .row.clearfix .col-md-3:nth-child(2),#footer_content
    .container .row.clearfix .col-md-3:nth-child(3),#footer_content
    .container .row.clearfix .col-md-3:nth-child(4){ display: block !important; }

    Attachments:
    You must be logged in to view attached files.

    Jason
    Jason
    Titan
     
    630 points

    I know this works for Directory Theme, I havent tried for any others as I dont have other themes


    Josh
    Josh
    Super Guru
     
    13,775 points

    Thanks for sharing Jason :)



    Julian
    Newbie
     
    83 points

    zip is blank and code doesn’t work for me :(


    Josh
    Josh
    Super Guru
     
    13,775 points

    Hello Julian,
    Please try below code under Theme Setup >General Setup >Custom css

    @media screen and (max-width: 480px) {
    #footer_content .col-md-3 {
    display:block !important;
    }
    }



    Julian
    Newbie
     
    83 points

    I have three footers I use and I have 2 widgets in first one (left) and only 1 each in others..but its still only showing the left footer with the 2 widgets..

    Thanks again


    Jason
    Jason
    Titan
     
    630 points

    My bad, here it is again

    Pic 1: http://prntscr.com/gn8vsv
    Pic 2: http://prntscr.com/gn8wbg

    This is what Josh gave me few months ago, didnt matter how many footers you had, whatever was visible in Desktop now all visible in Mobile phone view

    add this code in zip file into section
    > Theme setup> General Setup> Custom CSS> Custom CSS

    Attachments:
    You must be logged in to view attached files.


    Julian
    Newbie
     
    83 points

    Thanks Jason Ill give it a try :)



    Julian
    Newbie
     
    83 points

    arrgg..it still didnt work..I use the dating theme child S1 so maybe code is slightly different..Ill have to figure it out somehow..but you have given me where I probably have to go..but thanks..its all worth a shot


    Josh
    Josh
    Super Guru
     
    13,775 points

    Hello Julian,
    Please provide site link



    Julian
    Newbie
     
    83 points

    thanks josh

    its mylifeitis.com maybe its cuz of other code whom knows..i cleared cache with new code etc…so not sure


    Josh
    Josh
    Super Guru
     
    13,775 points

    Hello Julian,
    I have viewed your site and you have the same code for footer hence the code above should work.Please send in a ticket so I can do this for you >>http://s.premiumpress.com/index.php?/Tickets/Submit



    Julian
    Newbie
     
    83 points

    will do thanks



    Julian
    Newbie
     
    83 points

    I sent a ticket in did you get it?..it showed it was sent..I got the usual window when ya send it..but no ticket shows in my account for it..I have to turn back on some plugins they have been off for almost 2 days now…so let me know..not sure what happened

    Ticket ID: NQI-549-91300


    Josh
    Josh
    Super Guru
     
    13,775 points

    Hello Julian,
    Please check now.
    Correct code:
    @media screen and (max-width: 480px) {
    #footer_content .col-md-4 {
    display:block !important;
    }
    }


Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.