Hi misterxaav,

Thanks for giving us admin access.
I was able to select Kozi Kaza which is located at the bottom of the dropdown.
Though the problem is the icon itself doesn’t show, can you give us ftp access also? since we can’t access Appearance > Editor via WP Dashboard.
Just post the details in private content.

Best regards,
Nikko

Hi Monique,

Glad we could help :)
If you are still in the stage of making changes to your site, you can disable merging and compression and enable it once it’s ready for production.
If you need to remove the old js/css file, you can check Delete old CSS and JS files? (still in Enfold > Performance) and save changes so it fetches the new css/js code.

Best regards,
Nikko

Hi pddcoms,

Glad that Ismael helped you :)
Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko

Hi snxodesk,

Try adding this php code at the bottom of your functions.php:

remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );

Hope this helps :)

Best regards,
Nikko

Hey frankeee,

Can you give us a link to the page where the css code is supposed to take effect? so we can take a closer look.

Best regards,
Nikko

Hi Chris_85,

Can you try adding this css code also:

@media only screen and (max-width: 767px) {
  .responsive #top, 
  .responsive #wrap_all, 
  .responsive .template-blog .post .entry-content-wrapper {
    overflow-x: visible !important;
  }
}

Hope it helps.

Best regards,
Nikko

Hi yaelbar,

The dropbox link you gave doesn’t seem to work.
Can you try to upload it in https://imgur.com/ and post the link here.

Best regards,
Nikko

Hi Erwin,

I checked it using Chrome and Safari but it works fine on my end (see screenshot in private content for both browsers).
I do see mixed content errors which might cause problems on your end (2nd screenshot).
This can be fixed using search & replace plugins and replacing http:// to https://

Best regards,
Nikko

Hi Moondreamer21,

Yes, try replacing this code I gave:

#socket {
    background-size: cover;
}

to:

#socket {
    padding-top: 30px;
    margin-top: -30px;
    background-color: transparent;
    background-size: cover;
}

Hope this helps :)

Best regards,
Nikko

Hey Amol,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi Moondreamer21,

To make the background size cover the whole width, add this css code:

#socket {
    background-size: cover;
}

As for making it one line in mobile, it doesn’t seem possible (if you want the text to be still readable) I think the minimum based on the number of menu items you have is atleast 3 lines for it, which is adjusting the font size smaller. Would you be okay with this option? I also don’t see the menu links overlap, can you post a screenshot so I can see how it looks on your end.

Best regards,
Nikko

Hi kbeggan,

Glad that we could help :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Dennis,

Yes, it woiuldn’t. Just add this css code in Quick CSS (located in Enfold > General Styling):

#top #avia-menu #menu-item-224 .avia-menu-fx {
    margin-left: 13px;
    width: 50px;
}

#top #avia-menu #menu-item-483 .avia-menu-fx {
    margin-left: 13px;
    width: 35px;
}

#top #avia-menu #menu-item-1573 .avia-menu-fx {
    margin-left: 13px;
    width: 51px;
}

#top #avia-menu #menu-item-551 .avia-menu-fx {
    margin-left: 13px;
    width: 83px;
}

#top #avia-menu #menu-item-292 .avia-menu-fx {
    margin-left: 13px;
    width: 58px;
}

#top #avia-menu #menu-item-291 .avia-menu-fx {
    margin-left: 13px;
    width: 47px;
}

#top #avia-menu #menu-item-246 .avia-menu-fx {
    margin-left: 13px;
    width: 59px;
}

Hope it helps.

Best regards,
Nikko

Hi SvHa,

Just to clarify what you’re trying to achieve, do you perhaps want it to stick on top when scrolling?

Best regards,
Nikko

Hi seykom,

Try to replace this code I gave:

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 120px !important;
}

to:

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 118px !important;
}

I think that is the limit, you should see it in the screenshot I posted in private content.

Best regards,
Nikko