Hi,
Guenni007 has a very good point, but if the article doesn’t help, please post your url so we can take a closer look.

Best regards,
Mike

Hey Dogmut,
Please try using the developer tools, or right click on your page for the “inspect” option to see the page classess

Best regards,
Mike

Hi,
Good to hear, Thanks for using enfold.

Best regards,
Mike

Hi,
Sorry the login seems to be not working, please check.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
It looks like you adjusted “#custom_html-2.widget_text” & “#custom_html-3.widget_text” to
“top: 30px !important;”
please try “top: 55px !important;” instead

Best regards,
Mike

Hi,
Please see the new link in the Private Content area.

Best regards,
Mike

Hi,
Thank you for that. I have changed your custom css so that it works different on the homepage masonry and the portfolio page masonry, this is what your code now looks like:

@media only screen and (min-width: 766px) and (max-width: 1023px) {
#top.home .av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}
@media only screen and (min-width: 766px) and (max-width: 1130px) {
#top.portfolio-template-default .av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Perhaps this will help, I created two header widget areas by adding this code to the end of my child theme functions.php file in Appearance > Editor:

add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
	dynamic_sidebar( 'header2' );
}

then in widgets I created the tow widgets, header & header2, I believe you tried this earlier. In the widgets I added the custom html elements.

These have the ID custom_html-2 & custom_html-3, your maybe different.
Then I added this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 768px) { 
#custom_html-2.widget_text {
    display: inline-block;
    left: 20%;
    padding: 0;
top: 50px !important;
}
#custom_html-3.widget_text {
display: inline-block;
    right: -70%;
    padding: 0;
top: 50px !important;
}
.av_minimal_header #header_main .container {
    height: 50px!important; 
    line-height: 50px!important; 
}
}
@media only screen and (max-width: 767px) { 
#custom_html-2.widget_text,#custom_html-3.widget_text {
display: none !important;}
}

It gave this result:

Best regards,
Mike

Hi,
I see the one on the home page works, yet on many other pages it doesn’t. Have you tried disabling your plugins? Do you have any third party shortcodes on the other pages that is not on the homepage?
Is your webhost using php v7?

If these don’t help, 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.
Can we disable plugins for testing?

Best regards,
Mike

Hey joostdam,
I have not seen this, nor did I find it on the LayerSlider support site, I will ask the rest of the team to try to test and reproduce. Thank you.

Best regards,
Mike

Hey niallbyrne,
Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.

Best regards,
Mike

Hi,
I see one in the footer, please see screenshot in the Private Content area.
Were is the second one to show?

Best regards,
Mike

Hey Thomas,
For a uniform special heading please try this code in the General Styling > Quick CSS field:

.av-special-heading-tag {text-transform: uppercase!important; }

adjust to suit between lowercase, uppercase, or none.

Best regards,
Mike

Hi,
Sorry I don’t see another masonry on the homepage. Can you take a screenshot of it?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike