Header problem on mobile phones - by fermol

This topic has 12 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

  • Avatar: fermol
    fermol
    Participant
    October 24, 2018 at 14:53

    Hello.

    The problem is that the header appear over the slider on mobile devices… work fine in a computer browser.

    Await your response.

    Thanks.

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2018 at 15:03

    Hello,

    The problem is caused by custom css code – http://prntscr.com/l9xaqp

    Regards

    Avatar: fermol
    fermol
    Participant
    October 24, 2018 at 15:30

    Hi, ok… but what can i do to resolve? where can i found this css code? in custom css in theme options not appear this css for 480px size, this section is empty.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2018 at 15:36

    Hello,

    Please provide temporary wp-admin access so I can take a closer look.

    Regards

    Avatar: fermol
    fermol
    Participant
    October 25, 2018 at 15:39

    Hi, i sent a private reply with an access to wp-admin and i don’t know if you receive it…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2018 at 06:59

    Hello,

    I can’t find credentials. Please provide access one more time.

    Regards

    Avatar: fermol
    fermol
    Participant
    October 26, 2018 at 12:29

    Hi, to access:

    Regards

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2018 at 12:40

    Hello,

    The code in your Global custom css area http://prntscr.com/laptwn
    Media query @media (max-width: 480px){ is opened on 617 line and closed on 714 line, all code between these lines affect displaying on mobile devices.

    Regards

    Avatar: fermol
    fermol
    Participant
    October 26, 2018 at 13:48

    Hello,

    ok, but what must i be do? delete this code? i don’t have knowledge in css code.

    Can you make this change to fix this problem?

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2018 at 14:30

    Hello,

    I’ve deleted

    .header-wrapper {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20;
    }

    from custom css.
    Please clear all cache and check now.

    Regards

    Avatar: fermol
    fermol
    Participant
    October 26, 2018 at 15:04

    Thanks Rose. Work fine.

    Regards.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2018 at 15:26

    You’re welcome!

    Regards

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.