[Resolved] Help with svg icon in menu + description

[Adrien]

Dear GP Team,

I need help with the styling of my menu SVG menu icon. You will see enclosed what I would like.
At the moment the SVG icon is very small next to the main title but I can’t get to align everything with the menu description text.

Appreciate your help.

[David]

Hi there,

you currently have some CSS that is sizing the SVG, you need to increase the width / height and float it left like so:

.main-navigation .main-nav ul li.has-svg-icon svg {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adrien]

Thank you David for your help.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts