Responsive Menu Image Too Large

have you made any edits to the theme, or via additional CSS?

can you post a link to your site to illustrate the problem?

We need to see your website.

I determined the problem.

It seems font awesome looks for icon classes and uses auto height and width for them.

The latest version of twenty Seventeen looks to use font awesome and the button element which parents the svg element for the responsive Menu has no size nor does anything until you get to the navigation div. This makes it big.

I had to add custom css for icon to correct this. It was actually broken on several font awesome icon usages. Menu hamburger, close icon, folder icon for post categories.

This was stock theme provisioned for WordPress on Azure. I would have to disable the custom css so you can see the before.

I will do this so you can see.

I even removed the the theme and reinstalled thinking it was some provision problem. I then compared other installs that looked to be working on older versions of the theme and the had an icon class in style.css with height and width of 1em.

Graceumc.azurewebsites.net

I disabled another plugin which enabled font awesome. menu social icons. That fixed the problem entirely. So it seems this plugin and the theme don’t play nicely.

• This reply was modified 6 years, 9 months ago by 2kwarrior. Reason: Typo

Hi,

our site is sensiblepeople.blubrry.net and our mobile menu is jacked up. It is splitting the tiles and putting them on different lines. For example, it looks like this

Ho
me

Epi
sod
es

Mee
t
the Hos
ts

Con
tact
Us

Sho
p