Site Logo not mobile optimised

Home Support Medical Way Plus Site Logo not mobile optimised

This topic contains 8 replies, has 2 voices, and was last updated by  rachel.lemints 2 weeks, 2 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #11325

    rachel.lemints
    Participant

    Please see below image for reference. I have to use 60×60 px logo for it not to cut in on mobile but it is way too small for desktop. Please advise.

    Site Logo

    #11330

    Hello rachel,

    We recomemded you to upload your logo 140*60 (140 width and 60 height). This will work fine.

    And if you want to confitue with current logo, you can add custom CSS to overcome this issue.

    Please follow steps to add custom CSS.
    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    .site-branding .custom-logo-link{
    position: relative;
    height: 60px;
    width: auto;
    }
    .site-branding .custom-logo-link img{
    width: auto;
    height: 100%;
    margin: 0px;
    }

    Please feel free to let us know if you have any further queries.
    Thank you.

    #11332

    rachel.lemints
    Participant

    With the CSS now the menu is showing under the header.
    I have tried the following CSS:

    #masthead {
    z-index: 9999;
    }

    However, it isn’t resolving the issue.
    Please advise.

    Menu showing under header

    #11347

    Hello Rachel,

    Can you please try this code? It might to solve your issue.

    @media only screen and (max-width:900px) {
    .site-branding {
         z-index: 99;
    }
    }

    Please feel free to let us know if you still face any issue.

    Thank you

    #11348

    rachel.lemints
    Participant

    Hi there,

    The site tagline is not overlapping now but the menu is cutting into header.
    How to make it appear lower than the header.

    Issue

    #11357

    Hello rachel,

    May we request you to provide us a website URL?
    It really helps us to solve the issue.

    Thank you.

    #11358

    rachel.lemints
    Participant

    Hi there, the site is currently under construction so it is set to private.
    Due to agreement with client, I am not allowed to give access to it for now.

    #11417

    Hello Rachel,

    Greetings of the day!

    We have recommended you to either set your website logo or site title and tagline.

    As per our theme standard, we consider logo height or title and tagline height but in your case, your menu height is more than we have set in our theme.
    So to overcome this issue we will provide you custom CSS for the mobile device but it will break in other screen resolution.

    We provide custom service, if you really want to continue with both logo, title and tagline.
    We will provide you perfect solution for all the screen.

    Thank you

    #11421

    rachel.lemints
    Participant

    It’s ok then thanks.

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

You must be logged in to reply to this topic.