Hey Stephanie,

Thank you for using Enfold.

1.) This css code should adjust the width of the field columns.

.avia_ajax_form .form_element_third {
    width: 33.3%;
}

2.) Add this css code to change the background color to transparent and add a 1px border around the contact form button.

.main_color input[type='submit'] {
    background-color: transparent;
    color: white;
    border: 1px solid #ffffff;
}

3.) How did you add the font? You should be able to use the css font-family property to apply it to any text element including the contact form button.

// https://www.w3schools.com/CSSref/pr_font_font-family.asp

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Use this css code to change the sub menu indicator icon.

.html_av-submenu-hidden .av-submenu-indicator:before {
    content: "+";
}

2.) Set the font weight of the phone info from 700 to 400.

.phone-info {
    font-weight: 400;
}

3.) You can manually add a hyperlink tag in the phone field.

// https://www.w3schools.com/tags/tag_a.asp

If you want to trigger a phone call, add the tel scheme in the href attribute value.

<a href="tel:555-555-5555">555-555-5555</a>

// https://stackoverflow.com/questions/1608548/how-to-trigger-a-phone-call-when-clicking-a-link-in-a-web-page-on-mobile-phone

Best regards,
Ismael

Hi,

Thank you for the update.

This should help resize or separate the products into 3 equal columns on mobile view.

@media only screen and (max-width:767px) {
    .responsive #top #main .products .product {
        width: 32%;
    }

    .responsive #top .products :nth-child(2n+1).product {
        clear: none !important;
    }
}

Please don’t forget to toggle the Performance > File Compression settings once you’ve added the code.

However, it would probably be better if you limit the number of products per category in your home page and just add a button or a link that will redirect the customers to the product category page containing the rest of the items.

Best regards,
Ismael

Hi,

You’re welcome! Always glad to be of help.

Regarding the search index, this is probably why this snippet was added in your header.php file.

if(get_field('status') != 'private'){
    if (function_exists('avia_set_follow')) { echo avia_set_follow(); }
} else{
    echo '<meta name="robots" content="noindex,nofollow">';
} 

This sets the meta content to noindex and nofollow when the status is set to “private”.

If you want Google to reindex the page, ask them to recrawl the site:

// https://support.google.com/webmasters/answer/6065812?hl=en

And yes, it may take some time.

Best regards,
Ismael

Hi,

Thank you for the update.

The site is asking for another authentication aside from the dashboard account. Could you remove that temporarily?

Best regards,
Ismael

Hi,

@Wandelschoenenexperts: Did you enable the Performance > File Compression settings? Please toggle the option or disable it temporarily after adding the code. Or create a new ticket and post the login details there so that we can check the site.

Best regards,
Ismael

Hey jenmangas1!

Thank you for using Enfold.

Where would you like to position the widget on mobile view? Please provide a screenshot.

If you want to hide it on smaller screens, use this css code.

@media only screen and (max-width: 767px) {
   #header .widget { display: none !important; }
}

Cheers!
Ismael

Hey bsoryn,

Thank you for using Enfold.

How did you test the site speed? You can actually ignore the “Missing Dependencies” error because it’s not critical and should not affect the site speed. The error occurs because the scripts are looking for the avia_modal.js file, which is only loaded when you’re editing a post or page using the advance layout builder (ALB). You can confirm that by editing one the pages using the ALB.

Best regards,
Ismael

Hey Giuseppe,

Thank you for using Enfold.

Which element or module is no longer working? Can you give us a link to the actual page with the issue? Please make sure that the Enfold > Performance > File Compression settings are disabled while you’re adjusting the element styles.

Best regards,
Ismael

Hi,

Thank you for the update.

1.) You should remove the white space or gap beside the actual logo image, then upload it again. (see private field)

2.) There are additional style options in the Enfold > Advanced Styling panel. Have you seen those options?

Best regards,
Ismael

Hi,

@shrinkray: The site is private and is asking for authentication. Please create your own ticket and post the additional details in the private field. Don’t forget to include the link of this thread for reference.

Best regards,
Ismael

Hi,

Thanks for the update.

You should probably set the Screen Options > Full Width Breakpoint to the second option (On tablets (at a screen width of 989px or lower) in order to create more space for the add to cart buttons. This will force the columns to stack on top of each other on tablet view.

Best regards,
Ismael

Hi,

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

Have a nice day!

Best regards,
Ismael

Hi!

@elmanisero: Thank you for the update! We’ll include this in the next patch.

Best regards,
Ismael

Hi,

Thanks for the update.

You don’t have to add the echo function because you’re supposed to concatenate the value of the field to the $meta string or text.

$linkedin = get_post_meta($post->ID, 'linkedinurl', true);
$meta .= "<div class='slide-meta-comments'><a href='{$link}{$link_add}'>{$commentCount} {$text_add} </a>{$linkedin}</div><div class='slide-meta-del'>/</div>";

Best regards,
Ismael