Menu Now showing black on either side of menu?

  • Not sure what caused this, but our menu now shows black on either side. It used to just fill all available space with the menu itself.
    Using Responsive Pro with a Child Theme.
    Problem seem to arise after last round of updates. I try to keep everything updated at all times, so not sure which plugin or theme update may have caused issues.
    Viewing with Firefox 56.0.1 (32-bit), same issue with Microsoft browser.

    Any suggestions where I might start looking?

    As always, many thanks to this community for being here and helping us all.

    Best,
    Frank B. / Piano World

    The page I need help with: [log in to see the link]

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

  • Hi @pianoworldguy,

    Have you recently installed or activated any plugins? Have you added any custom CSS to your theme?

    There appears to be a max-width value set in your style.css file of 960px on the .menu element.

    You can try overriding this by adding the following to your themes ‘Custom CSS’ section inside of the customizer. You can get there by going to ‘Appearance > Customize > Additional CSS’.

    .menu {
   max-width: 100%;
}

    Evan

    Thread Starter pianoworldguy

    (@pianoworldguy)

    Hi Evan,
    Thanks for the quick reply.
    No new plugins recently, just updates to existing ones.
    Haven’t added any custom css in a while.

    Tried the suggestion with the .menu but still getting same issue.

    I’ll check with the folks behind the Responsive Pro theme too, might be in the recent update from them. It’s not a big issue, but it does look unprofessional.

    All the Best,
    Frank Baxter
    Piano World

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    ul#menu-header-menu {
    width: 100%;
    max-width: initial;
}

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    One off topic note: Chrome reports “(index):1 The certificate used to load https://pianoworld.com/ uses an SSL certificate that will be distrusted in an upcoming release of Chrome. Once distrusted, users will be prevented from loading this resource. See https://g.co/chrome/symantecpkicerts for more information.”

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Now showing black on either side of menu?’ is closed to new replies.