Menu Resize Problems

Hi, when my viewer window is resized to about the size of an iPad mini, the last item on the menu wraps on a new line. In the demo content for this theme, this issue doesn't happen. Can you please advise on how I can fix this, so my menu stays in a single line, no matter what the viewer size? It will need to switch to the mobile view at some point I know, but there's a point in between the two that the menu is breaking up. See attached screenshot for details. The website is live at https://gibsontech.co

Also, I'm having an issue with the main logo at the top left. Even if I upload a file to the exact dimensions recommended (175 by 40 pixels), it forces me to crop the image. The end result is an image that is more blurry than it should be...Can this be fixed as well?

Thanks so much!

Comments

  • Hi, @encausticcello

    Thanks for contacting us!

    To resize the menu, Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

    @media only screen and (min-width: 992px) and (max-width: 1100px) {
    .navbar-custom .nav li > a {
    margin: 10px 20px !important;
    }
    }

    For the logo, you need to change a little bit of code in functions.php file. Refer to this screenshot.
    After doing this you need to upload a logo again.

    Let me know for any confusion!

    Thanks
  • Is your problem resolved?
    If yes, please allow us to close this discussion.
Sign In or Register to comment.