Mobile site far from optimal

Home Forums All Other Themes Mobile site far from optimal

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #167783
    Michiel Hesseling
    Participant
    • Topics: 25
    • Replies: 43
    • Total: 68
    Member since: August 28, 2020

    Mobile site, can’t see much…

    mob
    mob1

    http://www.pceerstehulp.com

    The email address, phonenumber and logo take a lot of space on the mobile site.

    And if I would click on the menu, I cannot see the result of my choice, because it is behind the menu.

    Do you have a solution for that?

    I guess one way would be to not show the logo, but only on the mobile site. I would like it to show on the desktopsite.
    Also, perhaps not show the email address and phonenumber on top. Again, only for mobile site.

    Or perhaps you have a different solution?

    If not, how would I accomplish the above ideas?

    TIA
    Michiel

    #167881
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .head-info-area .right, .logo { display:none;}
    }

    Regards,
    Brad

    #167938
    Michiel Hesseling
    Participant
    • Topics: 25
    • Replies: 43
    • Total: 68
    Member since: August 28, 2020

    Thank you, that worked. But a follow up question. Or two actually.

    Now, when the menu expands, you can choose a link in the menu. But the menu doesn’t automatically closes. You have to do that manually by pushing the X in the corner. I would like it to close automatically after you click on a link.

    Second: when you go to the link, for example Wie ben ik? you cannot read the Wie ben ik. It is cutof. So I would like the title to be visible, readable. See photo: https://imgur.com/a/8YtCZ7I

    TIA
    Michiel

    #167971
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    #wiebenik {
        padding-top: 80px !important;
    }
    }

    Regards,
    Brad

    #167985
    Michiel Hesseling
    Participant
    • Topics: 25
    • Replies: 43
    • Total: 68
    Member since: August 28, 2020

    That is the answer to my second question. Thank you.
    How about the first question:
    Now, when the menu expands, you can choose a link in the menu. But the menu doesn’t automatically closes. You have to do that manually by pushing the X in the corner. I would like it to close automatically after you click on a link.

    TIA
    Michiel

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