Home Forums Center WordPress Theme Text Block inner wrap width not consistent with mobile resolution

This topic contains 5 replies, has 2 voices, and was last updated by  BWSM 2 years ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7734

    findanish
    Participant

    Hello,

    This used to work a few days back but now for some reason the inner wrap width does not work with mobile resolution. The inner wrap width is set to 50% but at a particular breakpoint the text seem to touch the edges of the screen. I am not sure whats causing it.

    Please view in mobile:
    http://dipengada.com/residential
    http://dipengada.com/commercial

    #7737

    BWSM
    Keymaster

    Please login wp-admin, go to Center / General Settings / Custom Css
    Paste the style code to Custom Css:

    @media (max-width: 768px) {
     .responsive-ux .row-fluid.fullwrap-inn-width-50 {
      width: 50%;
     }
    }

    we’ll fix it next version

    Best,Bwsm
    Follow on @uiueux to get update news!

    • This reply was modified 2 years ago by  BWSM.
    #7738

    findanish
    Participant

    I tried pasting that code but its not working. When I resize the text sticks to the edges at a certain resolution

    #7754

    BWSM
    Keymaster

    Fixed now, lack of a symbol{

    #7757

    findanish
    Participant

    Will this code work for all the listed widths?

    #7759

    BWSM
    Keymaster

    Not, use this css for all width :

    @media (max-width: 768px) {
     .responsive-ux .row-fluid.fullwrap-inn-width-50 {
      width: 50%;
     }
     .responsive-ux .row-fluid.fullwrap-inn-width-60 {
      width: 60%;
     }
     .responsive-ux .row-fluid.fullwrap-inn-width-70 {
      width: 70%;
     }
     .responsive-ux .row-fluid.fullwrap-inn-width-80 {
      width: 80%;
     }
     .responsive-ux .row-fluid.fullwrap-inn-width-90 {
      width: 90%;
     }
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.