Mobile Website

Home Forums All Other Themes Mobile Website

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #99457
    hallo1
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: March 29, 2018

    Hello dear team
    I want to change two things on my website.
    First: The menu item on the phone is too dark, where can I change the color?
    Second: On the mobile website, the logo is too big, where can I change the logo to make it smaller only on the mobile website?

    Url: http://hinghaengtwerbetechnik.at.w01806c3.kasserver.com/

    #99463
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    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) {
    .logo { max-width:60%;}
    #simple-menu .fa-bars { color: #fff !important;}
    }

    Regards,
    Chris

    #99471
    hallo1
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: March 29, 2018

    Hello
    The menu item is now white.
    But the logo is distorted now why?

    #99475
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    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) {
    .logo img { height:auto;}
    }

    Regards,
    Chris

    #99482
    hallo1
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: March 29, 2018

    Hello
    So now the logo would fit but because the mobile is still big you can not click the menu anymore but can only click on the logo. is it possible to downsize logo in height as well as in width?

    best regards
    Silke

    #99483
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    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) {
    .logo { max-width:50%;}
    .logo img { height:auto;}
    #simple-menu .fa-bars { color: #fff !important;}
    }

    Regards,
    Chris

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