[HeathParticipant]

Here’s my site-in-progress: http://1b4.2f0.myftpupload.com/

Right now the icons look great in the header navbar, but on mobile devices… not so much. They are smushed together due to the css in Customizer. My goal is to get the icons displayed to the LEFT of the nav links on mobile devices and keep them as they are currently for Desktop. Thanks for any assistance ahead of time. You guys/girls are awesome!

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Edit Global CSS:

.x-navbar .mobile .x-nav li>a {
    text-align: center;
    padding: 15px 0;
}
.x-navbar .mobile .x-nav li>a i {
    margin-top: 0;
}

View post on imgur.com

Hope it helps 🙂

[HeathParticipant]

Thank you, this was great. Worked perfectly.

[Rue NelModerator]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts