Hey amollde,
Thank you for the inquiry.
Did you set the Logo and the Transparency Logo in the Enfold > Theme Options panel? Please make sure that both of these options have an image selected.
View post on imgur.com
You can also try this css code:
#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 1;
}
Best regards,
Ismael
I’ve searched the online documentation and a few dozen forum posts, but I haven’t been able to find detailed portfolio settings.
In our project, we’re using a single-column grid, as shown in the image https://img.savvyify.com/image/Portfolio.yydw6 .
1) The title appears to the left of the image; how can we have it on the right, while also reducing the width of the white cell containing it?
2) The title is vertically centered on the image; how can we have it at the top, while also reducing the font size?
3) We’d like to eliminate the lines and borders and have a 10-20 pixel white space between each image.
We’ve also tried Masonry, which solves the problem mentioned in point (3) and already has a smaller font, but the title is below the image and we don’t know if it can be “moved” to the right.
Hey Munford,
I believe that we were working on the page at the same time, as it changed. Nonetheless, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function hotspot_smooth_scroll() { ?>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {
anchor.addEventListener('click', function(e) {
// Prevent default jump
e.preventDefault();
const targetID = this.getAttribute('href').substring(1);
const targetElement = document.getElementById(targetID);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth'
});
// Optionally update URL hash
history.pushState(null, null, '#' + targetID);
}
});
});
});
</script>
<?php
}
add_action( 'wp_footer', 'hotspot_smooth_scroll', 99 );
Best regards,
Mike
HI
on the page below I have an image with 2 hotspots labeled Berlin and Copenhagen.
I have added an anchor link to the hotspot as well as to the text.
The text link works, but it jumps to the section instead of smooth scrolling.
I tested with the Berlin link at the top of the page which scrolls properly.
Neither hotspot “spot” has the anchor link that I added – isn’t it supposed to link from the spot?
I would like both the spot and the text to have anchor links that scroll smoothly if possible.
Can you help me with this?
thanks
Nancy
Hey Ismael
could not wait :-)
I had an idea and finally managed to fix my CLS issue.
My problem was: A color section as backround with rows inside produces a CLS issue i could not get rit off.
My solution: I used one color section as backround image with min-heigt and the svg overlay i had in a row is now a second color section positioned absolute over the first color section. Now I am only switching the overlay with media querys. This is CLS error free.
The LCP issue persists, the preloading of my largest contet wasn´t helping.
/* Color section container width and height
CLS Fix */
/* DESKTOP */
.cjs-titel-keil-desktop-cls {
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: calc(100vh - 78px);
}
@media only screen and (min-width: 1025px) {
.cjs-titel-keil-ipadpro-cls {
display: none;
}
}
/* IPADPRO */
.cjs-titel-keil-ipadpro-cls {
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: calc(100vh - 78px);
}
@media only screen and (max-width: 1024px) {
.cjs-titel-keil-desktop-cls {
display: none;
}
}
Best regards,
Christopher
Hi,
It looks like it’s working to me:

Best regards,
Mike
I understand that this may be the only way to accomplish what I want, but I was hoping for something that would only use CSS.
Before I use your suggestion, I should mention that until last night, the I had the stuff that is now in grids in 3 columns instead. Each column had a text block and an image block. It looked great in a pretty wide opened browser window on a monitor, but when I narrowed the window, of course each text block wrapped the text at a different point, which pushed the image below it down.
I tried to figure out a way to keep all three text blocks the same height when they started to wrap. When I couldn’t accomplish that, I put that stuff into grids. So that caused a different issue. And with the grids, the image fills the whole space whereas in the columns the image stayed at 215px wide max.
I don’t think there will be any issue with setting the background color across the whole site. This is a VERY small site and I’m trying to keep it VERY simple since I will not be maintaining it eventually. Or I could probably add the post number to the CSS to make it just affect that page like I did with some other CSS? If the site was going to have 1,000 pages, that would not be a great solution. But that’s not the case.
Hi,
I notice that the element save button is giving a javascript error and not working:

Try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.
Best regards,
Mike
Well the logo itself is place as inline svg. But nevertheless – you can handle it like an image – and influence the space arround that svg with padding.
in the footer there is a img tag with svg
so try:
#top .logo.avia-svg-logo svg {
padding: 5px;
}
@media only screen and (max-width: 767px) {
#footer-page .flex_column.first .avia_image {
max-width: 180px;
left: 50%;
transform: translateX(-50%);
}
}
On this staging site:
https://yu39su8np7.papa-view.com/
the owner of the site requested that I use SVG images for logo in header and footer.
I have read up on svg formatting only enough to understand the problems, but don’t understand enough to know the code solutions.
In the header, the logo bumps up against the top and bottom of the header area, where there should be a little padding. I tried a few things in Quick CSS but only got the top to be a little padded, not the bottom. So I took that code out.
In the footer, the logo behaves miraculously well (at least in Firefox) considering I just stuck it in there, but when I narrow the browser window to approximate mobile view and the footer areas stack, the logo gets much bigger than I want it because the constrained area is much bigger than the area it’s in in the desktop footer.
Help!
Tonight I was messing with the Quick CSS code and something I did changed the positioning of the hero image on only one of the two pages I have them on. My brain is mush and I can’t figure out what caused this.
This is the staging site:
https://yu39su8np7.papa-view.com/
The hero there should be positioned the same way it is here:
https://yu39su8np7.papa-view.com/about/
It’s driving me nuts.
Hey Rastoffarai,
Thank you for the inquiry.
This is the image causing the LCP issue: photovoltaik-anlage-fockenbrock-elektrotechnik-2560×1707-01.jpg.
It is currently 2560×1707 pixels, which is quite large. Consider resizing it to half that size or smaller (1024x683px), and make sure all site images are properly compressed. You can use optimization plugins like ShortPixel or Imagify for this.
After resizing and compressing the images, use the following plugin to preload the “photovoltaik-anlage-fockenbrock-elektrotechnik” image.
— https://wordpress.org/plugins/preload-lcp-image/
Let us know if the LCP issue continues.
Best regards,
Ismael
Hi,
Thank you for the update.
We adjusted the script a bit. Please remove the previous modification and replace it with the following code:
function ava_custom_script_mod() {
?>
<script>
// make post grid excerpt clickable
jQuery(document).ready(function($) {
$('article.slide-entry').each(function() {
const $article = $(this);
const link = $article.find('a.slide-image').attr('href');
if (link) {
$article.css('cursor', 'pointer').on('click', function(e) {
if (!$(e.target).closest('a, button').length) {
window.location.href = link;
}
});
}
});
});
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod', 9999);
Best regards,
Ismael
Hi,
OK, I added the page and I added some of the images to get you started, feel free to change the images. I also added the styling from the theme export file so you should be all set. Please check and let us know.
Best regards,
Mike
Hi,Thanks for your quick reply and solutions.
I will edit the page elements and add my own images. Many thanks again,
Sonia
Hi,
The WordPress login works fine, thanks.
FTP is a way that we can upload the images to your site, this can’t be done though WordPress for the demo import process.
Please see these two articles:
https://www.ovhcloud.com/en/web-hosting/ftp-host/
https://help.ovhcloud.com/csm/en-web-hosting-ftp-storage-connection?id=kb_article_view&sysparm_article=KB0052711
We could copy the front page shortcode to your site, as the demo you requested only has one page, but you will need to edit the page elements and add your own images.
Would you like us to do this? Otherwise if you are able to post FTP login we can probably also add the images.
The standard demo import won’t work on OVH hosting because they block our IP address.
Best regards,
Mike
Hi,
Thanks for that. I’ve imported the content of the top level pages for you. Please note that the demo settings and images are not included. Let us know if you should need anything more from the demo.
Best regards,
Rikard
Hey pelgrimrat,
Thank you for the inquiry.
You can add this code in the functions.php file to make the excerpt clickable with the same link as the title and featured image.
function ava_custom_script_mod() {
?>
<script>
// make post grid excerpt clickable
jQuery(document).ready(function($) {
$('article.slide-entry').each(function() {
const $article = $(this);
const link = $article.find('a.slide-image').attr('href');
if (link) {
const $excerpt = $article.find('.slide-entry-excerpt');
$excerpt.css('cursor', 'pointer').on('click', function(e) {
if (!$(e.target).closest('a').length) {
window.location.href = link;
}
});
}
});
});
</script>
<?php
}
add_action( 'wp_footer', 'ava_custom_script_mod', 9999 );
Let us know the result.
Best regards,
Ismael
I am having this issue again. I deactivated all plugins, and still no gallery or image slider, any ideas?
Thanks
Brian
Any reason why the slider and home page gallery image will stop working? Updated PHP and theme and still not coming up?
Thanks
B
And when using the “burger” icon, is it possible to open the menu on the left instead of the right (https://img.savvyify.com/image/01-Homepage-b.yy905)?
I send you a private link as an example of what we would like to do
Look at the image you posted. “Product reviews have moved” (Visit new location)
As I mentioned previously, In a recent update WooCommece moved Product Reviews.
Have hundreds of reviews that use to be in Comments, now moved to Product Reviews.

For years these were all stored under the Comments tab, and widget displayed just fine!
But since they moved to Sub Tab under Products, Combo Widget No Longer display them!
Just want to continue displaying most recent Product Review Comments in Footer 2.
For years these displayed just fine with the combo widget, but now no longer do?
Please Advise!
Dear people on the support forum,
I am creating a website on this domain:
Here, I have 2 sections with post sliders in a 3-column layout. Right now, the featured image, title and read more link are linked to the full article.
Is there a way to make the entire excerpt column clickable?
Your help will be highly appreciated!
Hey Maggie,
Thank you for the inquiry.
There are transparent spaces above and below the actual logo image (see private field). Try to remove the current logo from the Media > Library, edit the image to remove the transparent gaps using any photo editing tool, then upload it again.
Remove the green part:
View post on imgur.com
You can also try this css code:
.logo img, .logo svg {
min-height: 150px;
margin-top: -24px;
}
.logo, .logo a {
overflow: visible;
}
Best regards,
Ismael
Hi,
Thanks for the login, I found that you are adding the “K” logo in your child theme functions.php

You should remove this function, I could not, you may need to do so via FTP
Best regards,
Mike
For the site’s homepage, we’d like the “burger” icon on the left and the logo on the right, preferably in the center (https://img.savvyify.com/image/01-Homepage.y9tpL).
For all other pages, we’d like the sidebar menu on the left (https://img.savvyify.com/image/02-All-pages.yy86x).
As you can see from the images, we can obviously do this in the theme settings, but one excludes the other.
So, either only at the top or only on the left.
Is there a way to achieve the result we want?
And when using the “burger” icon, is it possible to open the menu on the left instead of the right (https://img.savvyify.com/image/01-Homepage-b.yy905)?
I have an Icon Circles element at the bottom of https://abodedev.wpengine.com/about/ourpurpose/ and I notice, if I keep the cursor within the perimeter of the circle, whatever icon/content I hovered over/activated last stays activated/visible until I hover over a different icon. But, if I move the cursor outside the perimeter of the circle, it defaults to blank/nothing activated (unless of course you have a default image set for the center, which my client doesn’t like). Is there any way to effectively disable the hover off outside the perimeter, so that even when you move the cursor away from the circle, the last item you activated stays put? Thanks as always!