Hey Johannes,
Für das spezielle Überschriftenelement gehen Sie bitte auf die Registerkarte “Stying”> “Schriftgrößen” und klicken Sie dann auf das Symbol der Gerätegröße, die Sie einstellen möchten, und wählen Sie eine Größe aus der Dropdown-Liste aus

Leider haben Überschriftengrößen wie H1 keine globale Größenpräferenz für Mobilgeräte, aber als ich Ihre Website überprüft habe, waren alle Überschriften spezielle Überschriften. Wenn Sie diesen Schritt befolgen, wird Ihre mobile Schriftgröße für H1, H2 usw. festgelegt .
Wenn Sie eine globale Schriftgröße für Mobilgeräte wünschen, verwenden Sie in Ihrem Quick CSS bitte das folgende CSS:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main h1.av-special-heading-tag {
    font-size: 40px !important;
}
}

Dies funktioniert nur für die H1-Sonderüberschrift, wenn der Bildschirm des Handys kleiner als 479 Pixel ist.

— Translated with Google —

For the special heading element please go to the stying tab > font sizes and then click the icon of the device size you wish to set and choose a size from the dropdown

Unfortunately, heading sizes such as H1 do not have a global size preference for mobile devices, but when I checked your site all of your heading were special headings so if you follow this step your mobile font size for H1, H2, etc will be set.
If you would like to have a global font size for mobile then please use css like this in your Quick CSS:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main h1.av-special-heading-tag {
    font-size: 40px !important;
}
}

this will only work for H1 special heading when the mobile screen is smaller than 479px, please feel free to adjust.

Best regards,
Mike

Hi,
Thanks for the screenshot, you can accomplish this by using a color section in the middle of your page because it has 100% browser width while other columns have the page widths. For example I tested with a special heading then two 1/2 columns and then a color section in which I added the image as a background:

which gave me:

you could use an very wide image that is one half white and add your text section over that half, that is how this section on the Enfold Demo is created:

backend:

On my test page I forced the very wide color section background to browser full-width with this css:

#av_section_1 {
	background-size: contain !important; 
}

you would change the ID to a custom ID for the color section.
then since my page width was already set to stretch I used this css to make the text section above have a max-width of 1210px

#main > .main_color > .container {
	    max-width: 1210px !important; 
}

Please give this a try.

Best regards,
Mike

Hey Syosse,
Thank you for the mockup and link.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

span.logo {
    width: 150px !important; 
}
#header_main > .container.av-logo-container {
	max-width: 1010px !important; 
}

feel free to adjust the numbers to suit.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey Oversberg,
Sorry for the late reply, thanks for creating two test installs for us to investigate. On the site that the plugin works it creates a div for each Variation Swatch and an image with role=”presentation”
On the other site these div’s and images are not created. Please see the screenshot in Private Content area.
My guess is that these containers are created with javascript and the plugin can’t find the correct place to hook into.
In your Enfold Theme Options > Shop Options > Product gallery try using the WooCommerce 3.0 product gallery option

Best regards,
Mike

Hi,
Thanks for the link to your page, this script will replace the link and add the popup class in every “show_details_button” on your site to your popup, I tried to be very specific with the classes so it should not affect other buttons.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_button_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
    $(".product .avia_cart_buttons a.button.show_details_button").attr("href", "#").addClass('spu-open-6686');
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_button_script');

You will note that the button’s design will change a little because of your css for that button class, I assume that is ok?

Best regards,
Mike

Hey MAKSIMS,
Sorry for the late reply, do you mean that all of the buttons will trigger the same CF7 pop-up?
If it is the button I’m thinking of there is not a built-in way to change the link of the button, but we may be able to add a function to do this. Please link to your page with the button and include the link to the pop-up so we can investigate.

Best regards,
Mike

Hi,
I believe it could be because you have regular WordPress users who are also in the WPUsers plugin, so each user has two avatars. So you could try disabling the plugin or you can try this css in your Quick CSS:

.topic-author > .bbp-reply-author > img.avatar.photo:nth-child(2),.reply.type-reply > .bbp-reply-author > img.avatar.photo:nth-child(2) {
	display: none !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
I checked the css again and adjusted it to this which I put at the top of your Quick CSS:

#top #bbpress-forums li.bbp-body ul.even {
background-color: #e1e1e1 !important; 
}

Please clear your browser cache and check the screenshot and link in Private Content area.

Best regards,
Mike

Hey lifefitnessnz,
Sorry for the late reply, as I understand your question you would like 3 custom social media icons in a row in your footer widget.
For this I recommend using the “Custom HTML” widget and add the Icon element shortcode to it, to get the shortcode open a new post using the Classic Editor and choose Icon from the shortcode wand tool:

Then create each of your icons and design to suit adding your links and in the developer section add a custom class such as “footer-icons”

then add the shortcode to your widget:

This is the shortcode I used in this example:

[av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
[av_font_icon icon='ue8f2' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
[av_font_icon icon='ue8ec' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]

This is the result:

They should show in a row.
If you wish to use the image element instead, follow the same steps with the image shortcode and be sure to add the custom class and if your images show as a column like this:

then add this css to your Enfold Theme Options > General Styling > Quick CSS field

#footer .widget_text .custom-html-widget .footer-icons {
	display: inline !important; 
}

which should correct to a row:

If this doesn’t help then please create an example and link to it so we can help adjust your css.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I tested your css above and it produced the G+ icon for me. I copied the correct whatsapp icon to this css:

.social_bookmarks_whatsapp a::before, .av-social-link-whatsapp a::before {
    font-family: 'entypo-fontello';
    content: '';
}

Best regards,
Mike

Hi,
Thanks for the login, the screenshot was from the “portfolio grid” suggestion above, I didn’t have success with the grid row when there was anything in the grid row, which is why I said it was not very useful, but now I can’t reproduce it.
But I took another approach, I took your color #5356bc and used a RGBA to feColorMatrix converter to create a SVG filter which gives an overlay, the only drawback is the special heading is also under the overlay.
This is the css I added to your site:

.grid-hover:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'colorChange\'><feColorMatrix type=\'matrix\' values=\'0.33 0 0 0 0 0 0.34 0 0 0 0 0 0.74 0 0 0 0 0 1 0'/></filter></svg>#colorChange");
opacity: 1 !important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Very good, please check again and let us know. We should close this thread as it is very long now and goes back to 2016.

Best regards,
Mike

Hi,
The theme lists posts on the archive pages as H2 with the category under it and then the excerpt of the post.
On your page you are hiding the title field and manually adding an H1 in the content section which shows on the archive page as part of the excerpt and the original title from the page is included.
So if you used the main title on your page and didn’t manually add an H1 in your content you would not have the duplicate titles.
To me it looks like you are using the default editor for your page and you probably wanted the title to be under your featured image instead of in the gray title bar.
So if I have this correct try this, remove your manually added H1 title on your page and set your title to show on the page next to the breadcrumbs, this is a H1 title created by the theme.

then add this code to the end of your functions.php file in Appearance > Editor:

function custom_title_script(){
  ?>
  <script>
  (function($) {
 $(document).ready(function(){
    $('.page .main-title.entry-title').detach().insertBefore('.entry-content');
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_title_script');

then your H1 title will show below your featured image:

and then on your archive page you will not have duplicate titles. But all of the titles will be H2 because SEO recommends that there should only be one H1 on any page.

Best regards,
Mike