Hi,
I don’t believe that this is a result of anything we have done in this thread, do you?
I tried taking a look at your mobile header, but I’m not sure what you are trying to achieve, typically on mobile the header is not sticky, are you trying to have it sticky but not shown until after scroll?
Your child theme stylesheet is quite confusing with a lot of empty rules and a lot of commented out rules, please try copying your whole stylesheet to your desktop and then remove everything, except the top few lines that tell WordPress the name of the child theme, then try adding back a few rules at a time testing and clearing your browser cache each time, try to not add anything that you know you don’t need, keeping it all clean.
This should help you find when the error occurred.

Best regards,
Mike

Hi,
Thank you for your patience, I see that you are using Enfold vVersion: 4.6.3.1
Please update the theme via FTP to v4.8.3
The easiest and safest way to do this is to download the newest version from your Theme Forest account and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hey mofix,
Thank you for your patience and the login, I get the impression that your product image was added before the plugin created the watermarks, please try replacing the product image now with the full version of the watermarked image by clicking on the “view watermark images” and copying the url, then add this url to your “Product image > upload files” this should work.

I have no experience with this plugin but perhaps there is some documentation explaining how to use it somewhere, but I see none linked anywhere within the plugin, I’m also not sure that this is really an official woocommerce plugin as the plugin page says: “By AA-Team” and links to this website Hopefully you can find some documentation on how to use it effectively, or you can try my workaround.

Best regards,
Mike

Hey schizm00,
Thank you for your patience, for the first example I used a code block element:

the css is

.bio-title::before {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-right: 20px;
    box-sizing: border-box;
}
.bio-title::after {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-left: 20px;
    box-sizing: border-box;
}
.bio-title {
    font-size: 64px;
    text-align: center;
    color: #000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

and the html structure is:
<h1 class="bio-title"><span>Bio</span></h1>
you could use a text element if you wish.
The result is:

For the second example I again used a code block element, inside a grid row element:

this is the code inside the code block:

<table>
<tbody><tr>
<td>Height</td>
<td>5’11</td>
</tr>
<tr>
<td>Nationality</td>
<td>American</td>
</tr>
<tr>
<td>Age</td>
<td>25</td>
</tr>
<tr>
<td>Bust</td>
<td>Natural</td>
</tr>
<tr>
<td>Shoe</td>
<td>10</td>
</tr>
<tr>
<td>Eyes</td>
<td>Blue</td>
</tr>
<tr>
<td>Hosting</td>
<td>Incall/Outcall</td>
</tr>
</tbody></table>

this is the result:

Please give this a try 🙂

Best regards,
Mike

Hey webWahine,
Sorry for the late reply and thanks for your patience and explanation of what you are trying to do.
So your Header widget function is looking for the sidebar header but you do not have one:

Perhaps you need to change the function to one of the other ones, or create it?

Best regards,
Mike

Hi,
Instead of using page IDs you could add a class to all of your “black” styled pages and change the script to look for #top.black instead of #top.page-id-33 To add this class to some of your pages you could use the WordPress Custom Fields option, the Custom Fields options on the Post & Page edit screens are hidden by default if they have not been used before. Using the Block Editor, click the three dots button at the top of the right sidebar and visit Options to enable it. (If you are using the Classic editor, check the screen options).
So in this case we will add the Name: bodyclass and the Value: black

to each one of these pages, then add this code to the end of your functions.php file in Appearance > Editor:

function add_custom_fields_bodyclass( $classes ) {
    global $post;
    $bclass = get_post_meta( $post->ID, 'bodyclass', true );
    if ( empty( $bclass ) ) {
        return $classes;
    }
    $classes[] = $bclass;
    return $classes;
}
add_filter( 'body_class', 'add_custom_fields_bodyclass' );

Please note that this only looks for the Name: bodyclass but it will add any value as a body class.
As for question #2 I’m not seeing the full-width sub-menu on your home page, which page are you testing on? Which animated gif are you referring to?

Best regards,
Mike

Hi,
Thank you for the login update and the ftp access, so I was able to correct the issue on your site by capitalizing the font name in your merged css file on your server, for some reason this makes a difference on your server.
I checked this situation on my test server and the font is showing correctly with it in lower caps, so the only thing I can imagine is this is a server encoding issue, but I’m only guessing.
So you should be able to clear your browser cache and see the correct font now, but this may change again if you make any theme changes and the merged css file is updated, if so I recommend adding this css to your WordPress > Customize > Additional CSS field, not the Quick CSS.

h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li {
    font-family: 'Quattrocento' !important;
}

Best regards,
Mike

Hi,
Sorry for the late reply and thank you for your patience. I was not able to login into your site please update the login token, but are you setting the font in the Advanced Styling and in the Headline element? I saw an issue where the font was set in the Advanced Styling and the color was set in a text element making the element use the “inherit” font rule which showed the wrong font, once the option in the element was removed the correct font showed, perhaps your issue is similar?

Best regards,
Mike

Hi,
Sorry to hear this didn’t work for you, it seemed to work for me when I injected it, are you forcing jQuery to load in your footer? Did you try it with WP Rocket disabled?
Anyways I have submitted this to the dev team to review, I will reply when I hear back from them, thank you for your patience.

Best regards,
Mike

Hi,
Sorry we were not more help with this, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the login to your test server, but the images are not showing on the product page nor in the media library, empty placeholders are showing in the media library, I also notice that you have a plugin called “all import” the empty images in the media library looks like a failed import, when I compare this with the product page image, which is empty, clicking on it redirects to the home page with this error in the console OTS parsing error: invalid sfntVersion
So as your test site stands it will not help me investigate your live site’s issue, please try creating a staging site which is a working clone of your live site, or grant access to your live site. Most web hosts that use the cPanel have a “Staging Site” option that will clone your site to a test sub-domain in just a few mins, perhaps you can try this?

Best regards,
Mike

Hi,
Thank you for the feedback, from what I see on your page /angebote/ last element is centered in all languages when the sort is “ALLE” or on page load, on Windows 10 this is true in Chrome, Firefox, & Edge, so the last image is not centered only in the DE version, I didn’t find why this is other that the javascript css:

element.style {
    position: absolute;
    left: 33.2994%;
    top: 832.6px;
}

the masonry container is using float: left;
only one of the other pages you linked to shows a single item at the end and that one is set to landscape mode which takes 2/3 of the screen. If you plan on adding more items, try adding one more now and see if that helps. Also try disabling your cache plugin and any minification, I recall a multiple layer caching & minification that caused some odd masonry behavior in the past.

Best regards,
Mike

Hi,
Thank you for the feedback, I added this script to your child theme functions.php and it seems to work for both of your portfolio grid item, with the default linking or the custom linking, please check.

function portfolio_grid_content_linked() { ?>
    <script>
(function($) {
  $(".grid-content").click(function(){
      window.location = $(this).closest('.inner-entry').find("a:first").attr("href");
      return false;
  });
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'portfolio_grid_content_linked');

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you, glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike