Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 30, 2014 at 5:34 am #272237
    rana72

    Hi,

    I’ve got four 1/4 layout elements on my home page, once you either resize the browser (or view from ipad) and the four layout elements split into two each on the page, one of them is having text cut off and it just looks really odd as well. Could you please take a look.

    Also is their a way to turn responsive layout off starting from a certain pixel width. For example, if i only want the responsive for mobile phone sizes and not tablets?

    Thanks for the help

    May 30, 2014 at 10:05 pm #272608
    Josue

    Hey!

    Please update the theme to its latest version (2.8.1).

    Best regards,
    Josue

    June 2, 2014 at 5:31 am #273085
    rana72

    Hi, I just updated the theme, thanks didn’t realize updates came out so fast.

    I am still seeing the same issue, could you please take another look.

    Thanks

    June 2, 2014 at 1:58 pm #273248
    Ismael

    Hi!

    Thank you for the update.

    I’m not sure why but there is a <p> tag right after the first 1/4 column and it somehow breaking the responsiveness of the columns. Did you switch to the default editor while working on the page or are you using default editor all along? Please try to add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) {
div .av_one_fourth {
margin-left: 2%;
width: 48%;
}
}

    Best regards,
    Ismael

    June 4, 2014 at 4:10 am #274358
    rana72

    Hi Ismael,

    I have actually only been using the Avia Layout Builder all along, I’m not sure how that <p> tag got there. I can try to rebuild the page with another name and see if I can fix it like that.
    I put in the quick css code you gave me, and it almost fixed it, there is now an alignment issue with the last two 1/4 columns.

    Rana

    June 4, 2014 at 4:56 am #274363
    rana72

    I deleted each 1/4 layout and content element and re-added them from scratch. It has resolved the issue. From what i can see it removed that <p> tag.

    Thanks for all your help, appreciate it.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive Table Being Cut off on Ipad (portrait view)’ is closed to new replies.