Announcement

Announcement Module
Collapse
No announcement yet.

Mobile site, text not centered

Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Mobile site, text not centered

    On my iphone 5s, the text in the footer bar isnt centered at all, how do I center it?

    realitytalent.net

  • #2
    Can you please edit your record and apply below CSS code.

    HTML Code:
    @media screen and (max-width: 480px) {
    
    
    #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content #elbp-footerbar-content {
        width: 415px!important;
    }
     #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content .elbp-footer-bottom-form {
        width: 381px;
    }
    
    }
    Best Regards,

    Jabin Kadel
    Founder & CEO
    WpSmartApps.com

    Comment


    • #3
      This is what I have from what you told me before

      @media screen and (max-width: 480px) {


      #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content #elbp-footerbar-content {
      text-align: center!important;
      padding: 20px 1px!important;
      }

      #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content .elbp-footer-bottom-form {
      text-align: center!important;
      width: 100%;
      }

      }

      I changed it and it still doesnt center it nicely on my iphone 5s portrait mode. It centers on landscape but not portrait...

      Comment


      • #4
        Can I get a response to this please??

        Comment


        • #5
          ALMOST A WEEK AN NO RESPONSE WHATS GOING ON???

          Comment


          • #6
            Sorry for the delay,

            The code you have provided does not work, Please try the code i have send to you

            PHP Code:
            @media screen and (max-width480px) {

            #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content #elbp-footerbar-content {
                
            width415px!important;
            }
             
            #elbp-footerbar-main #elbp-footer-bar #elbp-footerbar-main-content .elbp-footer-bottom-form {
                
            width381px;
            }


            also please make sure to readjust CSS width if its not centered.



            Best Regards,

            Jabin Kadel
            Founder & CEO
            WpSmartApps.com

            Comment


            • #7
              You actually provided me with that code before and like I told you its still not working!!

              Even changing the width values dont do anything....Im getting really frustrated with this....

              Comment


              • #8
                It must work, Please re-post your issue over here: http://support.wpsmartapps.com/ leaving your blog access detail. One of our technical support staff will fix your issue.
                Best Regards,

                Jabin Kadel
                Founder & CEO
                WpSmartApps.com

                Comment

                Working...
                X