Hi Franz,

Please try this CSS as well:

.current-menu-item:not(.current-menu-parent) .avia-menu-text {
    padding: 0 10px;
}

Best regards,
Rikard

Hi,

Your setting are applying if logged into WordPress, but not when logged out. That suggests a problem with caching, please try to clear the cache from your caching plugin, or try to disable it temporarily.

Also, you had invalid CSS in Quick CSS, please try replacing it with this:

#top #header .av-main-nav>li>a .avia-menu-text, #top #header .av-main-nav>li>a .avia-menu-subtext {
    color: #004875;
}

Best regards,
Rikard

• This reply was modified 3 years, 6 months ago by Rikard.

Hey vcesena7,

You can set that under Enfold->Advanced Styling. Select to edit the Main Menu Links, then check the Apply only to mouse hover state box, then make your colour selections and save.

Best regards,
Rikard

Hey Markus,

Could you post a link to your site, so that we can have a closer look please? If you added the site to favourites before you changed the icon, then you might have to add it again.

Best regards,
Rikard

Hey Denizist,

If you don’t need that page, then you can delete it as you would with a regular page.

Best regards,
Rikard

Hey MikeTandySwag,

Please try the following in Quick CSS under Enfold->General Styling:

#footer-page tr:nth-child(odd), #footer-page .pricing-table>li:nth-child(odd) {
    background: transparent;
    border: transparent;
}

Best regards,
Rikard

Hi,

If it’s the bottom icons you are trying to align, then yes, you can leave your markup in there.

Best regards,
Rikard

Hey Losa,

I see that you have two open threads open already, they are both written in Turkish so we have tagged them for Yigit, our Turkish speaking moderator. If you need faster help, then please post your questions in English, then all moderators can help you out.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you got things working, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.avia-icon-list li {
    display: table;
    margin: 0 auto;
    width: 150px;
}

Best regards,
Rikard

Hi Alwin,

Thanks for that. Please try this in Quick CSS:

@media only screen and (max-width: 767px) {
.page-id-21 #full_slider_1 h2.avia-caption-title {
  float: right; 
}
}

Best regards,
Rikard

Hi,

Thanks for the update. Please try this in Quick CSS in order to center both the logo and the menu:

@media only screen and (max-width: 767px) {
#footer #media_image-3, #footer #custom_html-3 {
    width: 100%;
}
}

Styling the menu looks difficult though, since there seems to be a lot of non break space characters added to it. Maybe it would be better if you added a new widget, and hide the current one for mobile, and the new one for all screen sizes except mobile?

Best regards,
Rikard

Hi Tommy,

Great, I’m glad that we could help you out, and thanks for the kind feedback :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard