Hi,

Use the “menu-item-search” id selector to adjust the icon’s position.

#menu-item-search {
  position: absolute;
  right: 0;
  top: 20px;
}

Best regards,
Ismael

Hi,

Great! Glad it’s working now. Please don’t hesitate to open a new thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey Arcatech,

Thank you for using Enfold.

You can use this css code to move the menu container to the left side of the logo and keep the social icons where it’s currently at.

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 100%;
}

.responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
    display: block;
    position: absolute;
    margin-top: -15px;
    right: 0;
    left: auto;
}

.responsive .logo {
    float: left;
    z-index: 200;
    position: relative;
}
}

This is how the header would look after adding the css code: https://imgur.com/a/BdZoN9n

Best regards,
Ismael

Hi,

Try using the Partner/Logo element located under the Media Elements panel. You can set it up to 8 columns.

Best regards,
Ismael

Hi,

Add this css code to center align the secondary menu container.

.av_secondary_right .sub_menu {
    float: none;
    left: 50%;
    transform: translateY(-50%);
}

Best regards,
Ismael

Hi,

Thank you for using Enfold.

It looks about right. Have you tried using the “avf_modify_thumb_size” filter to override the default image sizes?
Usage example can be found here: https://kriesi.at/support/topic/vertical-alignment-of-gallery-images/#post-1066343

Best regards,
Ismael

Hey!

@michaelH: Thanks for the update. We’ll try to take it from here.

@annevoelkel: Please provide the login details in the private field. Did you turn on the recaptcha widget?

Cheers!
Ismael

Hi,

Thanks for the update.

1.) Did you remove the tag cloud? Please add it again so that we can check the issue.

2.) We used this code in the Quick CSS field to remove the post meta info.

span.post-meta-infos {
    display: none;
}

Best regards,
Ismael

Hi,

Thanks for the update.

Use this css code to remove the image overlay effect.

.image-overlay {
    display: none !important;
    visibility: hidden;
}

Please don’t forget to toggle the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey studiovene,

Thank you for using Enfold.

Use this css code to fix the layout issues.

.woocommerce .login .lost_password {
    top: 10px;
}

.main_color form.login, .main_color form.login, .main_color .col-1, .main_color .register, .main_color .col-1, .main_color .col-2 {
    background-color: transparent !important;
}

.main_color div.product .woocommerce-tabs ul.tabs li.active a, .main_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content, .main_color .cart_dropdown_link, .main_color .inner_product_header, .main_color .avia-arrow, #top .main_color .variations select, #top .main_color .variations input, #top .main_color #reviews input[type='text'], #top .main_color #reviews input[type='email'], .main_color #reviews .comment-text, .main_color #reviews #comment, .main_color .single-product-main-image .images a, #top .main_color .shop_table.cart .input-text, #top .main_color form.login .input-text, #top .main_color form.register .input-text, .main_color .chosen-container-single .chosen-search, .main_color .products .product-category h3:before, #top .main_color .quantity input.qty {
    background-color: #e0e0e0;
}

Please don’t forget to toggle the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey (Email address hidden if logged out) ,

Thank you for using Enfold.

Every items that belongs to the selected categories will display in the grid, so what you’re asking is not possible out of the box. What you can do is to apply a different category to the portfolio items that belongs to both categories and select that one.

Best regards,
Ismael

Hi,

Thank you for your understanding. Please don’t hesitate to open a new thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thanks for the update.

Where do you want to move the flags? You can keep them where they are, but you have to decrease the size of the logo. Use this css code.

@media only screen and (max-width: 767px) {
.responsive .logo img {
    max-height: 30px;
}
}

Best regards,
Ismael

Hi,

Are you adding it to a text/code block? It works when I add it on a code block element. The onclick attribute remains in the front end.

Best regards,
Ismael

Hi,

The site loads fine on my end as well, but there are still room for improvements according to the pingdom tool, so this article might help.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael