AFTER UPDATE: Shapely Menu Font condensed and small

Hello friends,

love your theme. Thank you for the awesome work.

I updated the theme today and the menu Font got condensed and small (see attached picture).
My test site is: http://neytestlux.x10host.com/

Any help would be appreciated.

Hello there,

I hope you are doing well today.

The website does not display any content, the page is blank.

You can use the following CSS code to edit the menu font by going to Appearance > Customize > Additional CSS and pasting it there.

/*Menu Font*/
.main-navigation .menu li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -1px;
    color: #4c4c4c;
}

Best Regards,
Support

I have the same problem and the CSS code didn’t work

Hello @carolines,

I hope you are doing well today.

What theme are you currently using?
Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

Hi,

I’m using the Shapely theme. My website is www.tutuchic.be.

Thank you!

Hi @carolines,

You can adjust the letter-spacing in the above CSS, remove the above CSS and add this,

/*Menu Font*/
.main-navigation .menu li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    color: #4c4c4c;
}

and adjust the other parameters if you like.

Let us know,

Thanks,
laranz.

I added a screenshot of how it used to be. It’s very different, and i didn’t change anything. The dropdown arrows are also invisible all of the sudden?

Hi,

For the arrows use this Custom CSS,

.dropdown:after {
    font-family: 'fontawesome';
}

And for the menu font the default size is 13px, in the custom css you change that to 11px, maybe that cause something, remove the size and it may look better or I didn’t find any changes in the screenshot you gave, what you thought is missing?

Let us know,

Thanks,
laranz.