Header section on mobile

This topic contains 7 replies, has 2 voices, and was last updated by  Alma Viki 3 weeks, 3 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #22557

    atomicdesign
    Participant

    Supported

    Hi,

    I have resized my logo to the size I need and adjusted the header height accordingly. On smaller devices the logo is overlapping and the menu icon doesn’t show. Please see screenshot and link to site.

    Changing the logo dimensions in your theme options did nto work so I added to child CSS file. I need the header section to appear perfect whatever the screen size. Thanks

    #22558

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22593

    Alma Viki
    Moderator

    Hi,
    You can try to use this CSS code:

    @media only screens and (max-width: 768px){
    .sb-menu-button, .nav-button{ background: #714a4a; }
    .logo-holder img{ height: 40px!important; }
    header.main-header{ height: 75px;}
    .show-share-wrap div{ margin-top: 6px; }
    }

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #22609

    atomicdesign
    Participant

    Supported

    Hi, that’s made no difference whatsoever. This is why I contacted you because none of my CSS working either. I will send my WP login in next post so you can take a look yourself…

    thanks

    #22610

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22653

    Alma Viki
    Moderator

    It’s ok now.
    Sorry for my bad.

    Thanks

    #22798

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22841

    Alma Viki
    Moderator

    Hi,
    Can you help me recheck this issues?
    I have fixed it.

    Thanks

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.