Logo is covering menu when minimised…

  • Resolved philipn

    (@philipn)


    8 years, 10 months ago

    Hello all:)

    My wordpress site is up and running. It’s found at https://www.disputeresolve.co.uk

    The problem I have is that the logo in the top left hand side covers some of the menu when the screen is minimised or sometimes on an iPad.

    Is there a setting I can use to change this. I’ve tried going through everything but can’t see anything that works.

    Many thanks

    P

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Philip,

    Its due to the way the menu and logo styles are written. did you build this yourself? As the mobile menu kicks in on smaller screens only, you could add some custom css to sort the logo out too.

    Thread Starter philipn

    (@philipn)

    Hello. Thanks for your reply.
    I had someone load the theme for me and he left the customisation to me so anything could go wrong!!
    Is there an easy way to sort it out?
    Thanks

    There is yes, by using custom styles and adding them into your template file or theme options area. It’s not overly difficult to sort out if you are comfortable adding the code?

    try to add following code in style.css

    @media screen and (min-width: 800px) and (max-width: 1025px) {
.nav.main-nav.clearfix {
    width: 80%;
}
}

    May be this will solve your issue

    Thread Starter philipn

    (@philipn)

    Blimey. That worked well. Thank you:)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Logo is covering menu when minimised…’ is closed to new replies.