Hey William,

Thank you for the inquiry.

Try to add this css code to decrease the default top margin of the flex column table container and make the spaces consistent on mobile view.

#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 6px;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 8px;
  }

  #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Try to increase the 342px value in the css rule above. This is the value being subtracted from the total height of the color section, which is the sum of the header height and the section below the first one.

height: calc(100vh - 342px) !important;

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Try to add this css code to adjust the height of the color section desktop view.

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .no-touch-device .av-minimum-height-44vw:not(.av-slideshow-section) .container {
    height: calc(100vh - 342px) !important;
  }
}

Result after adding the modification:

View post on imgur.com

Best regards,
Ismael

Hi,

the color section is set to color #eeee22, column 1/1 has a padding of 150px and a background color #7bb0e7, but as you can see from the image none of these properties are applied in the front-end

We checked the Styling > Background Colors of the Color Section and Column elements, but they are not set. Are you sure you’re editing the correct elements?

View post on imgur.com

Best regards,
Ismael

Hi,

We’ll wait for the site details — let us know when you’re ready.

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

Did you figure this out? We are not seeing the gap on our end.

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We added this filter in the functions.php file:

add_filter('avf_wc_before_shop_loop_item_title_img_size', function($thumb) {
	return 'large';
}, 10, 1);

A larger version of the product image is now loaded on the shop page.

View post on imgur.com

This may vary across different screen sizes due to the srcset attribute and how the browser selects the appropriate thumbnail based on the current screen size.

Best regards,
Ismael

Hey camcaminin,

Thank you for the inquiry.

Which Instagram widget did you use? Check the following documentation to learn more about the widget options: https://kriesi.at/documentation/enfold/instagram/

If you need further assistance, please provide the login details in the private field.

Best regards,
Ismael

Hi

Yes, you can create an includes folder in the child theme and place a copy of the loop-index.php file inside the folder. Let us know the result.

Best regards,
Ismael

Hey ibuzaev,

Thank you for the inquiry.

Please note that this will disable the default icons in the theme. If you’re not using them, try to replace the filter with this:

add_filter('avf_default_iconfont', function($icon_font) {
    return array(
        'svg_entypo-fontello' => array(
            'append'     => '',
            'include'    => '',
            'folder'     => '',
            'config'     => '',
            'json'       => '',
            'full_path'  => false
        ),
        'entypo-fontello-enfold' => array(
            'append'     => '',
            'include'    => '',
            'folder'     => '',
            'config'     => '',
            'json'       => '',
            'svg_files'  => '',
            'full_path'  => false
        ),
        'entypo-fontello' => array(
            'append'     => '',
            'include'    => '',
            'folder'     => '',
            'config'     => '',
            'json'       => '',
            'svg_files'  => '',
            'full_path'  => '',
            'is_active'  => 'no'
        )
    );
}, 10, 1);

Best regards,
Ismael

Hi,

Glad to know that the issue has been resolved, and thank you for the continued support! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hey waveseven,

Thank you for the inquiry.

The screenshot is not displaying on our end. To make sure the items in the blog grid are the same size, you may need to resize the featured images before uploading them, making sure they have the same dimensions and aspect ratio. Please note that the uploaded images are not cropped or resized exactly based on the specified width and height of the registered thumbnails — aspect ratio of the original image is also taken into consideration. So, two images with different dimensions and aspect ratios may produce different “Portfolio” thumbnails.

Best regards,
Ismael

Hi,

.main-title looks like a different font or font weight

Looks like the title is set to use a lighter font weight instead of the default 400. Did you configure the Heading elements in the Enfold > Advanced Styling tab? You can also adjust it with this css:

#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .socket_color h1 {
    font-weight: 400;
}

Regarding the burger/mobile menu, try to edit the Main Menu (Icon) elements in the Advanced Styling panel, or use this css code:

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.8em;
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover a, #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a:hover {
    background-color: #333366;
    color: #ffffff !important;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

You may need to set the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behaviour to the first or second option to allow the users to view the map on page load. Let us know the result.

Best regards,
Ismael

Hi,

Glad we could be of help! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael