Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 22, 2014 at 9:52 am #254248
    RobPhrase

    Hi guys,

    I’ve tried to scour the forums for an answer to this one – and it may just be that I change the design of the website.
    Issue is in portrait on an iPad (newest version) my 3 columns outlining what we do overlap, making them unreadable. I think it could just be a padding I need to add? Can you please have a look and tell me what you think?

    Website

    image example

    Thanks a lot, and thank you for your amazing theme and killer support, it is extremely helpful.

    April 22, 2014 at 5:21 pm #254468
    Yigit

    Hey RobPhrase!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 990px) { 
.template-page .entry-content-wrapper h2 {
font-size: 20px;
}
section.av_textblock_section > span {
float: left!important;
}}

    Best regards,
    Yigit

    April 24, 2014 at 6:58 am #255328
    RobPhrase

    Thanks so much for your prompt response.
    Alas, the issue is still there – the overlap of text happens mainly in portrait. I have only tested on the newest iPad using Safari, but that’s where I see it.
    I’ve also tried a couple of variations of this code from other forum responses to no avail.
    Can I offer any further info to help?
    Thank you again.

    April 25, 2014 at 1:52 pm #256066
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) and (min-width: 768px) {
section.av_textblock_section span {
float: left!important;
width: 96px;
}}

    Regards,
    Yigit

    April 28, 2014 at 7:48 am #256910
    RobPhrase

    Thanks! So did that essentially resize the font when the screen size was at a certain size?
    (sorry, I’m trying to learn this as I go.)

    April 28, 2014 at 3:57 pm #257133
    Yigit

    Hi!

    Span inside text block element is forced to be 96px with the code above.
    Do you have any questions or should we mark the thread as resolved? :)

    Cheers!
    Yigit

    April 29, 2014 at 4:29 am #257468
    RobPhrase

    With the code above, it was creating issues with the webpage in portrait mode.
    I tweaked the design to resolve but will look to tweak the span in case the issue appears elsewhere (I’ve mainly been checking through the Home page).
    Thanks for your help.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Responsive Theme Padding Issues with iPad’ is closed to new replies.