Hi,
Please try this code in the General Styling > Quick CSS field:

#top .social_bookmarks li a {
    border-radius: 100px !important; 
}

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.home #main {
    margin-top: 110px !important; 
}
}

This is designed for the homepage, if it is for all of the pages, please try removing the “.home” from the code.

Best regards,
Mike

Hey serasan,
Theme Forest has changed their API for Token keys, v4.5 fixes this, it is recommend to update manually.
There is a free plugin that will allow you to manually update via the WordPress Theme panel by uploading the enfold.zip file, otherwise you can update via FTP, please remember to delete the current enfold folder and then upload the new one. Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
My recommendation is to go to your Theme Forest account and download the updated Enfold v4.5 and manually update it, then going forward it will use the new Token keys. All users will need to generate a new token for updates. Please see this post
Please let us know if you would like some help updating.

Here are the steps to update with the plugin
*Please ensure your “PHP Max Upload Size” is at least 20mb, because Enfold is 16.7mb.
1: please install the plugin: Update Theme and Plugins from Zip File

2: then go to WordPress > Themes > Add New > Upload

3: after the install, click “Return to Themes page” (NOT Activate)

4: success:

Best regards,
Mike

Hey seocrowd,
To correct your icon, please try including this code as your icon in the title of the menu item:

<span class="dashicons dashicons-admin-multisite" style="display:inline;font-size:2em;"></span>

For the columns row, please look in the backend of the element and the first column is set to: margin-top:-200px;
change this to reduce it’s placement, perhaps -50px would be better.
I took a look at your sub-pages but I’m unsure what is wrong with the formating and if the issue is for mobile or desktop, or both.
please explain a little more about what you would like to see.
If any of these solutions don’t help, Please include a admin login in the Private Content area.

Best regards,
Mike

Hey Sovik,
Sorry for the late reply, I researched into this and found that WooCommerce has only one default shop page, but you can create categories for your products and then link directly to your category pages as “shops”
Another option is to create a Multisite with each shop in a sub-domain, please see this article: how to create multiple websites in woocommerce

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your page, and see that for mobile the grid cells a full width, and for desktop the grid cells are 3 across with a fine white border between them.
To remove this fine border, Please try this code in the General Styling > Quick CSS field:

#top.home #topgridrow.av-layout-grid-container .no_margin.av_one_third,#top.home #nextgridrow.av-layout-grid-container .no_margin.av_one_third {
    width: 33.4% !important; 
}

Best regards,
Mike

Hey Themes_SuterGerteis,
Sorry for the late reply, thanks for the login, I took a look at your pages and believe I understand the issue: on your 3 pages the different sections are either hidden or shown based on screen size, in order for it to look and behave well for each screen size.
For example, on one page you have 3 IDs called “contact” and this causes the menu link to not work correctly.
The easiest solution is to create 3 contact menu links that target the 3 color sections, each using a different ID.
For exanple: #contact1, #contact2, #contact3
then hide the menu items along with the color sections, here is an example of css that hides the menu item and the section at the same time:

@media only screen and (max-width: 426px) { 
li.menu-item-54, .page-id-39 div#kontakt {
display: none !important;
}
}

every menu item has a number and after the comma it targets the section, so it will be easy to manage.

If you wish, I will assist on one such section, that you can model afterward for your other sections. To get started please create 3 contact menu items, each using a different anchor to each of the color sections.
Then tell us the screen sizes you wish each of the 3 sections to show.

Best regards,
Mike

Hey j0schi,
Sorry for the late reply, I have taken a look at your page and have some ideas on the issue, please include ftp access in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Oh I see, Please try this code in the General Styling > Quick CSS field:

#top.home #av-layout-grid-1 .flex_cell_inner,#top.home #av-layout-grid-2 .flex_cell_inner {
background: rgba(0,0,0,0.6) !important; 
}

Best regards,
Mike

Hi,
Um auch den Schaltflächentext zu ändern, ersetzen Sie bitte Ihre benutzerdefinierte Funktion durch Folgendes:

function woo_coupon_code_placeholder(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery('#top.woocommerce-cart input#coupon_code').attr('placeholder','Händlercode');
jQuery('#top.woocommerce-cart button.button[name="apply_coupon"]').text('Händlercode');  
  });
</script>
  <?php
  }
  add_action('wp_footer', 'woo_coupon_code_placeholder');

— Translated with Google —

To also change the button text, please replace your custom function with this:

function woo_coupon_code_placeholder(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery('#top.woocommerce-cart input#coupon_code').attr('placeholder','Händlercode');
jQuery('#top.woocommerce-cart button.button[name="apply_coupon"]').text('Händlercode');  
  });
</script>
  <?php
  }
  add_action('wp_footer', 'woo_coupon_code_placeholder');

Best regards,
Mike

Hi,
In the css above, please change “display: block !important;” to:
“display: inline-block !important;”

Best regards,
Mike

Hi,
To work with the two logos positioned correctly under screen size 767px & under, I created a new image from the two logos, and then I added this css in the WordPress > Customize > Additional CSS:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #header_main #text-2 .textwidget .av_one_half.flex_column_div.first {
 content: url(https://your-url.nl/wp-content/uploads/2018/11/mobile-logo.jpg);
background-size: contain;
    width: 80% !important;
}
#text-2.widget_text .textwidget .flex_column_div:nth-child(even) {
display: none !important;
}
}

Please see the screenshot in Private Content area, and clear your browser cache and check.
If you feel the image is not right, please create a image with the same dimensions where the two logos are positioned correctly.

Best regards,
Mike

Hi,
@ac, sorry for the late reply, you are correct about the API / Token, please see this post about the new Token.
We have corrected this issue with the version 4.5 update, it is recommend to update manually.
There is a free plugin that will allow you to manually update via the WordPress Theme panel by uploading the enfold.zip file, otherwise you can update via FTP, please remember to delete the current enfold folder and then upload the new one. Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
My recommendation is to go to your Theme Forest account and download the updated Enfold v4.5 and manually update it, then going forward it will use the new Token keys. All users will need to generate a new token for updates. Please see this post
Please let us know if you would like some help updating.

Here are the steps to update with the plugin
*Please ensure your “PHP Max Upload Size” is at least 20mb, because Enfold is 16.7mb.
1: please install the plugin: Update Theme and Plugins from Zip File

2: then go to WordPress > Themes > Add New > Upload

3: after the install, click “Return to Themes page” (NOT Activate)

4: success:

Best regards,
Mike

Hey tbraendle,
Sorry for the late reply, if I understand your concern correctly, changing the page layout for archive / category pages would be a solution. To change the layout to a grid like on your blog page, Try adding this code to the end of your functions.php file in Appearance > Editor:

//change category page layout to blog grid style
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

For the issue with the two image for the same page, Please try this code in the General Styling > Quick CSS field:

#top.archive .big-preview.single-big {
display: none !important;
}

although this might not be a issue once you change the layout to the grid.

Best regards,
Mike

Hi,
Your css is for changing the text black, to change the link black you need to add “a” after the class, to make it work for both add another sector, like this:

#top.postid-12132 .mfp-title,#top.postid-12132 .mfp-title a {
display: block !important; 
color: #000 !important;
    text-align: center !important; 
}

In my test, there is no need to change the link to make it show, just try the css above.
If this doesn’t help, please include admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike