Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 1, 2017 at 5:07 pm #741356
    NetOne360

    I have applied the following css to hide elements on Desktop & Mobile;

    @media only screen and (min-width: 769px) {
    .only_mobile { display: none !important; }}

    @media only screen and (max-width: 768px) {
    .only_desktop { display: none !important; }}

    The problem is, when I go to iPad (portrait). The content is all the way at the top of the page over the header. Looks fine on mobile though.

    Home

    Any suggestions?

    February 2, 2017 at 10:38 am #741692
    Rikard

    Hey NetOne360,

    So you want the CSS you posted to apply on tablets as well? If so then please try this:

    @media only screen and (min-width: 1025px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 1024px) {
.only_desktop { display: none !important; }}

    Best regards,
    Rikard

    February 2, 2017 at 2:04 pm #741774
    NetOne360

    Thanks but all that does it allow the changes to reflect on tablet in landscape view. The content is still showing (on tablet) all the way at the top of the page over the header with zero padding.

    See screenshot..
    http://40f.cae.myftpupload.com/wp-content/uploads/2017/02/IMG_0040.png

    February 7, 2017 at 6:55 pm #744022
    Andy

    Hi,

    you can try this code for iPad inside Quick CSS field:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.avia_textblock.av_inherit_color {
margin-top: 240px;
}}

    and adjust as needed.

    Best regards,
    Andy

    February 7, 2017 at 7:04 pm #744025
    NetOne360

    that didn’t work…

    February 7, 2017 at 9:54 pm #744105
    Basilis

    Hi!

    Can you pelase check your web site with a tool like
    http://quirktools.com/screenfly/

    and let us know which exactly is the size you getting the error please?

    Thank you

    Regards,
    Basilis

    February 8, 2017 at 2:36 am #744158
    NetOne360

    I am not sure I understand the question in regards to error?

    I use quirktools and it doesnt give me an error

    iPad- 1024×768

    February 10, 2017 at 4:33 pm #745475
    Andy

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.