Header on mobile and tablet website

Home Forums All Other Themes Header on mobile and tablet website

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #57725
    H.T.A.H.T.A.
    Member
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: January 7, 2017

    Hi guys,

    Another problem. The header on my mobile and tablet website is not good for me.

    Check: www.onderonsjelunchroom.nl

    How can I change that color? Any custom CSS I can use?

    Thanks!

    #57726
    H.T.A.H.T.A.
    Member
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: January 7, 2017

    Ah I see where the problem is. I know how to change the color.

    I have another topic with the question how to make the logo responsive for the tablet and smartphone view. Anyone that can help me? I want the logo big in the center of the header at the mobile and tablet version. How can I do that?

    Thanks a lot.

    #57823
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    @media screen and (max-width:768px){
    .header .header-inner .logo{width:auto !important;}
    }

    Regards,
    Dave

    #58073
    H.T.A.H.T.A.
    Member
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: January 7, 2017

    Same question as the other topic:

    The logo is fine now, thank you! Is it possible to change the color at the mobile/tablet version to the same color as the menu? I want the desktop version as it is now, so no changes there.

    The color is #535353

    Can you give me the custom css to do that? Or is it not possible? πŸ™‚

    Thanks again! πŸ™‚

    #58077
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    @media screen and (max-width:768px){
    .header .header-inner{background:#535353 !important;}
    }

    Regards,
    Dave

    #58097
    H.T.A.H.T.A.
    Member
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: January 7, 2017

    Thanks!!! Amazing.

    #58099
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    πŸ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header on mobile and tablet website’ is closed to new replies.