Hi,

Glad it worked for you and thanks for sharing the solution here.

Thank you for using Enfold.

Best regards,
Vinay

Hi,

Please remove the header widget style.

Add the below CSS
The Background color is used only for reference please remove it to suit your design.

.container.av-logo-container .inner-container {
    display: flex!important;
    background: #eee;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap:wrap;
}

#top #header .logo,
#top #header .main_menu,
#top #header #search-3 {
   position: relative;
}


/* Logo */
#top #header .logo {
    background: #ffdd00;
    order:2;
    /*flex-grow: 1;*/
}


/* Menu */
#top #header .main_menu {
    background: #0099e5;
    order:3;
    /*flex-grow: 2;*/
}


/* Header widget*/
#top #header #search-3 {
    background: #34bf49;
    padding: 0;
    order:1;
    z-index: 999;
    /*flex-grow: 1;*/
}

/* Header widget Breakpoint */
@media only screen and (max-width: 850px) {

   .container.av-logo-container .inner-container {
        display: block !important;
    }
    #top #header .logo {
        display: inline-block;
    }
    /* Menu */
    #top #header .main_menu {
        display: inline-block;
        float: right;
    }
    #top #header .av-main-nav-wrap {
        float: right;
    }
    #top #header #search-3 {
        margin-top: -40px;
    }
}

The result will be:

For more information please feel free to check out the header layouts.

Best regards,
Vinay

• This reply was modified 7 years, 2 months ago by Vinay.

Hi,

I resaved your permalinks settings.

And tested the background images on ALB grid element and it works fine.

If you still have an issue please let us know exactly how we can reproduce the issue.

Best regards,
Vinay

Hi,

I tried to load and edit a few demo pages it worked fine for me. Please see screenshot below.

2018-04-30 – 12.39.41 ~ Cropped Capture

Till we resolve the issue, you can enable debug mode and copy the shortcode from demo page to a new page and work on it.

Could you please specify exactly which page you are facing this issue on?

Best regards,
Vinay

Hey kimm,

Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Use a grid row element with 3 1/3 grid cells
1. add text title and content.
2. Add background image from the cell options.
3. Set custom link from the cell options.

Lastly, we will set the space between the grid cell using Custom CSS.

Or simply copy the below shortcode to your page

[av_layout_row border='av-border-top-bottom av-border-cells' min_height_percent='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-jglq49qe' custom_class='av-custom-grid-space']
[av_cell_one_third vertical_align='top' padding='30px' padding_sync='true' background='bg_color' background_color='#eeee22' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='manually,#' linktarget='' link_hover='' mobile_display='' av_uid='av-jglq1ief' custom_class='']

[av_textblock size='' font_color='custom' color='#edae44' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jglq0eu0' custom_class='' admin_preview_bg='']
Box Title
Set a background and add a link to this box from the column settings.
[/av_textblock]

[/av_cell_one_third][av_cell_one_third vertical_align='top' padding='30px' padding_sync='true' background='bg_color' background_color='#7bb0e7' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='manually,#' linktarget='' link_hover='' mobile_display='' av_uid='av-jglq1pye' custom_class='']

[av_textblock size='' font_color='custom' color='#edae44' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jglq0eu0' custom_class='' admin_preview_bg='']
Box Title
Set a background and add a link to this box from the column settings.
[/av_textblock]

[/av_cell_one_third][av_cell_one_third vertical_align='top' padding='30px' padding_sync='true' background='bg_color' background_color='#4ecac2' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='manually,#' linktarget='' link_hover='' mobile_display='' av_uid='av-jglq1wa4' custom_class='']

[av_textblock size='' font_color='custom' color='#edae44' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jglq0eu0' custom_class='' admin_preview_bg='']
Box Title
Set a background and add a link to this box from the column settings.
[/av_textblock]

[/av_cell_one_third]
[/av_layout_row]

And add the below CSS to Enfold > General Styling > Quick CSS

#top .av-custom-grid-space {
margin-bottom:20px;
	
}

#top .av-custom-grid-space .flex_cell {
    border-width: 24px!important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-style: solid!important;
    border-color:#FFF!important;

}

#top .av-custom-grid-space .flex_cell:last-child {
    border-right-width: 24px!important;
}

Best regards,
Vinay

Hey hazelallturf,

Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi,

Thank you for reaching out to us.
We would like to help you.
May I ask what is the issue you are facing?

Best regards,
Vinay

Hey goldengate415,

Thank you for reaching out to us, I checked the page “Ross Open Houses” is set to large.

haha, I love questions about button elements :)

Best regards,
Vinay

Hi,

If you do not like to see this message please click on the “x” icon to dismiss the message. It is not a theme related message it is coming from the plugin.

Best regards,
Vinay

Hey jay,

Thank you for getting in touch with us.

It appears the link you shared is customized to specific needs so it is hard to say which demo it is.

Please check the demo overview https://kriesi.at/themes/enfold-overview/

When you purchase Enfold all of the demo sites you see in the overview section will be included. You can import them in just one click.

Let us know if you have any questions, we are happy to help you.

Best regards,
Vinay

Hi,

Glad you figured it out!

Thank you for using Enfold.

Best regards,
Vinay

Hi,

Please confirm did you try the steps provided in the link?
Was there any difficulty to perform any steps that you would like to specify?
What was the result after deactivating all the plugins?

Best regards,
Vinay

Hi,

Please try the below steps to resolve this issue.

1. Deactivate all plugins via FTP ( Access wp-content/plugins folder and rename the plugins to plugins-old for testing purpose) .

2. Update the PHP version being used by your hosting server to PHP 7 by getting in touch with your hosting company.

Access your site with FTP or log in to your control panel and access the site via File Manager and perform the below steps:

3. Replace the header.php file in wp-content/themes/enfold folder with an updated version of the header.php file.

4. Access your WordPress site root folder and rename the current .htaccess file to .htaccess.bak. Login to WordPress admin area go to settings > permalinks > select “Post name” and save changes.

5. Define a higher memory limit in WordPress and if possible increasing the memory on the hosting server.

To increase the WordPress memory limit please access wp-config.php file and add the below line

define('WP_MEMORY_LIMIT', '512M');

For a detailed explanation please check this link http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP.

If none of the above works for you please go ahead and delete the “enfold” folder in wp-content/themes/ and upload a fresh copy of the “enfold” theme files.

Best regards,
Vinay