Footer Text Dissapears In Mobile Phone View

WordPress Business Themes Forums Responsive Themes Directory Theme Footer Text Dissapears In Mobile Phone View

Footer Text Dissapears In Mobile Phone View

September 19, 2017
Jason Jason
  • Jason
    Jason
    Titan 796 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.
    September 19, 2017 at 10:37 pm
  • Jason
    Jason
    Titan 796 points

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

    September 19, 2017 at 10:39 pm
  • Josh
    Josh
    Super Guru 13,887 points

    Thanks for sharing Jason :)

    September 20, 2017 at 12:02 pm

  • Julian
    Newbie 90 points

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

    November 10, 2017 at 10:46 am
  • Josh
    Josh
    Super Guru 13,887 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;
    }
    }

    November 10, 2017 at 12:12 pm

  • Julian
    Newbie 90 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

    November 10, 2017 at 1:06 pm
  • Jason
    Jason
    Titan 796 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.
    November 11, 2017 at 8:33 am

  • Julian
    Newbie 90 points

    Thanks Jason Ill give it a try :)

    November 11, 2017 at 1:54 pm

  • Julian
    Newbie 90 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

    November 12, 2017 at 10:18 am
  • Josh
    Josh
    Super Guru 13,887 points

    Hello Julian,
    Please provide site link

    November 13, 2017 at 12:36 pm

  • Julian
    Newbie 90 points

    thanks josh

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

    November 13, 2017 at 9:07 pm
  • Josh
    Josh
    Super Guru 13,887 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

    November 14, 2017 at 12:28 pm

  • Julian
    Newbie 90 points

    will do thanks

    November 15, 2017 at 12:33 am

  • Julian
    Newbie 90 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

    November 16, 2017 at 8:26 am
  • Josh
    Josh
    Super Guru 13,887 points

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

    November 16, 2017 at 12:45 pm
Viewing 15 posts - 1 through 15 (of 17 total)

Didn't find what you were after?

Chat with us now

or contact our support team