Hi,
Thank you for the update.
You can add this css code to adjust the space around the portfolio items:
#top .no_margin.grid-entry {
padding: 20px;
}
Let us know the result.
Best regards,
Ismael
Hi,
Thank you for the update.
You can install menu plugins like UberMenu, WP Mega Menu or QuadMenu to display a different menu, but this may not fully resolve the issue without also considering a layout change or more direct intervention on your part, such as the ones we recommended above. Another option is to reduce the height of the menu items and the surrounding padding. Please try this css code:
#top .av-main-nav ul a {
height: auto;
line-height: 18px;
padding: 2px 15px;
font-size: 12px;
min-height: 18px;
}
Best regards,
Ismael
Hey volkantuncer,
Thank you for the inquiry.
Did you add this css code?
.responsive #top .av-masonry-entry {
width: 100%;
width: 45.6% !important;
margin: 0 4% 1% 0;
}
You have to reset the width to 50% and the margin to 0.
.responsive #top .av-masonry-entry {
width: 50% !important;
margin: 0;
}
Screenshot:
View post on imgur.com
Best regards,
Ismael
Hey Markus,
Thank you for the inquiry.
You can try adjusting the scroll offset using the avf_header_setting_filter in the functions.php file. Please check the following threads for examples:
— https://kriesi.at/support/topic/submenu/#post-1440619
— https://kriesi.at/support/topic/submenu/#post-1440552
— https://kriesi.at/support/topic/internal-link-anchors-top-offset-is-wrong/#post-1284063
Best regards,
Ismael
Hi everyone.
I found the right parameters to make @guenni007’s suggestion work, which solved that part of the topic.
Thanks!
Does anyone have any idea how to fix the other part?
And how can I also include them in pages?
The Social Buttons tool in the Advanced Layout Editor seems to only work for articles.
Regards.
Hey Munford,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.slide-entry a.slide-image img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.slide-entry a.slide-image:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
#top .slide-entry .slide-content h3 a {
color: #000;
}
#top .slide-entry .slide-content h3:hover a {
color: #fff !important;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hello ,
I am very happy with the concact form layout on Windows – Desktop – Mobile and tablet.
But I have noticed that on my iphone the date field doesn’t have the same layout as Enfold.
How can I change this?
Thanks for any tips.
Hi Rikard.
Ismael’s response was conclusive, so the topic can be closed.
Regards.
Mark HouranyGuest
New link Insertion & Guest posting is the best strategy to promote your website on google ranking. We provide good and high quality websites for guest posting at a very reasonable price
we have 600+ websites
Here is the link for the view of our websites
https://docs.google.com/spreadsheets/d/11ocjI6vItTw1mw6SzTCb29jdiQmy2db5niC4nNH71dM/edit?gid=0#gid=0
Waiting for your positive response
Regards,
Mark Hourany & Misty Jhones
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi. This seems to be the exact issue I am having. https://kriesi.at/support/topic/the-events-calendar-events-countdown-element-block-not-working/?utm_source=chatgpt.com
Ismael told me to start a new thread. I have Isolated this issue to happening only when pro is activated, but it appears to only be with the Enfold Theme.
The other thread on this was back in 2023, hoping that maybe you have figured out a fix or work around. I threw it into a test page. Details below. I am experiencing this issue on 3 different sites.
Hi I like to have no gap between pictures in my page
In desktop or mobile lanscape view is ok
but when I hold the phone vertically I can see gap between pictures how can I remove them
screenshot picture: http://www.teknolom.com/wp-content/uploads/2025/08/IMG_9746.png
Hi,
Great, I’m glad to hear that you found the problem. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hello, thanks for your help ! All work normally now with this code :
#av-cookie-consent-badge:before {
display: block;
position: relative;
content: "";
width: 25px;
height: 25px;
align-items: center;
top: 12px;
left: 12px;
background-image: url("https://kerry-han.fr/wp-content/uploads/2025/08/Cookie.svg");
background-size: contain;
background-repeat: no-repeat;
}
And i just wanted to know if you can help me to change the color of that icon and the icon of scroll up please.
Hi Ismael,
It is a bit of a problem to move menu items because this website is for a building with working spaces and it’s in the order of the floors, from souterrain till top of the building.
Do you know a plugin that could help us with this..?
Kind regards, Jolanda
here on that page you can achieve this by:
(the old way – because using font-icons)
#top .main_menu {
right: 145px; /* === A correction value for the now broader social_bookmarks === */
padding-right: 10px;
}
#header_main .social_bookmarks {
margin: 0;
height: 40px;
top: 50%;
transform: translateY(-50%);
}
#top .social_bookmarks li {
width: 36px;
}
#top .social_bookmarks li a {
width: 40px;
line-height: 40px;
min-height: 40px;
}
#top .social_bookmarks li a:before {
font-size: 24px
}
Perhaps it needs to be adapted for your website. As a participant, I cannot see any private content, so I’m afraid I can’t offer any better advice.
NEXT: now the bookmarks are svg icons – so the css had to be different.
But i do not find an example page to do so. I had to look on one of my installatons to have that different css.
#top .avia-menu.av_menu_icon_beside {
border-right: none;
padding-right: 10px;
margin-right: 10px;
}
#top nav .social_bookmarks {
position: relative;
transform: translateY(-50%);
margin: 0 !important;
height: 40px !important;
}
#top .social_bookmarks li {
width: 40px;
margin-left: 3px
}
#top .social_bookmarks li a {
width: 40px !important;
line-height: 40px;
border-radius: 10px !important;
min-height: 40px;
}
#top .social_bookmarks li.avia-svg-icon img[is-svg-img="true"],
#top .social_bookmarks li.avia-svg-icon svg:first-child {
height: 1.5em;
width: auto;
margin-top: 5px;
}
Hi,
The cookie banner relies solely on the essential cookies set by the theme. The behavior and display of the cookie consent container change depending on whether these essential cookies (e.g aviaCookieConsent, aviaPrivacyMustOptInSetting) are set. However, in your installation, WP Rocket adds custom non-editable styles that permanently hide the privacy cookie. We recommend reaching out to the plugin developers for more info about this.
You can find the functions that control the cookie behavior in the enfold/js/avia-snippet-cookieconsent.js file.
Best regards,
Ismael
Hi,
Please disable 2FA, then send us the login account you’re currently using to access the dashboard. Did you follow the instructions provided in the following thread?
— https://kriesi.at/support/topic/adding-columns/#post-1488331
Best regards,
Ismael
or without uploading – just with base 64 data uri:
#av-cookie-consent-badge:before {
display: block;
position: relative;
content: "";
width: 100%;
height: 100%;
top: 10px;
left: 10px;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ29va2llcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+CiAgPGNpcmNsZSBjeD0iMTgzLjMiIGN5PSIyNC45IiByPSIxNy41Ii8+CiAgPGNpcmNsZSBjeD0iMjIzLjIiIGN5PSI3My41IiByPSIxMi4yIi8+CiAgPGNpcmNsZSBjeD0iMjU2LjUiIGN5PSIxMjUuMyIgcj0iMTAuNyIvPgogIDxjaXJjbGUgY3g9IjI2My44IiBjeT0iNTkuMyIgcj0iOC43Ii8+CiAgPHBhdGggZD0iTTI3OS4xIDE1Mi45Yy02LjcgNi4zLTE1LjcgMTAuMS0yNS42IDEwLjEtMjAuNyAwLTM3LjUtMTYuOC0zNy41LTM3LjUgMC02LjcgMS43LTEyLjkgNC44LTE4LjMtMTcuMy0yLjMtMzEuMi0xNS0zNS4zLTMxLjctMS4yLjEtMi40LjItMy43LjItMjMuMiAwLTQyLTE4LjctNDIuMi00MS44QzcyLjkgMzkuMyAyMC41IDk1IDIwLjUgMTYzLjFjMCA3MS41IDU4IDEyOS41IDEyOS41IDEyOS41czEyOS41LTU4IDEyOS41LTEyOS41YzAtMy41LS4xLTYuOC0uNC0xMC4yek02OS4yIDE3OS41Yy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTQ1LTk4LjhjOS43IDAgMTcuNSA3LjggMTcuNSAxNy41cy03LjggMTcuNS0xNy41IDE3LjUtMTcuNS03LjgtMTcuNS0xNy41IDcuOS0xNy41IDE3LjUtMTcuNXptMy4xIDE2OS4xYy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTU3LjktNzAuM2MtOS43IDAtMTcuNS03LjgtMTcuNS0xNy41czcuOC0xNy41IDE3LjUtMTcuNSAxNy41IDcuOCAxNy41IDE3LjUtNy44IDE3LjUtMTcuNSAxNy41em0zMy45IDcyLjNjLTkuNyAwLTE3LjUtNy44LTE3LjUtMTcuNXM3LjgtMTcuNSAxNy41LTE3LjUgMTcuNSA3LjggMTcuNSAxNy41LTcuOCAxNy41LTE3LjUgMTcuNXoiLz4KPC9zdmc+);
background-size: 30px;
background-repeat: no-repeat;
}
by the way – here is a huge amount of usefull path – with the option to get the base 64 data uri:
https://www.svgviewer.dev/svg-to-data-uri
Enter f.e. cookie on search input field.
upload that svg to your media library: Cookie SVG
and put this to your quick css:
#av-cookie-consent-badge:before {
display: block;
position: relative;
content: "";
width: 100%;
height: 100%;
top: 0;
left:0;
background-image: url("/wp-content/uploads/cookie.svg");
background-size: contain;
background-repeat: no-repeat;
}
adjust the url with your path
This helps me a lot but the offset works only on desktop and not on mobile and tablet, can you help me to make it work on it ?
Hey Alexandre,
Those “next section” arrows are built in and seem to be working correctly. Are finding that they don’t go enough or too far?
Try this solution
Best regards,
Mike
Can you get me CSS code for Sub, Sub Menu color option?
I really like the flyout menu but don’t want it to be confusing for viewers. And Ideas on this?
screenshots:
https://img.savvyify.com/image/menu%2C-sub%2C-and-sub-menu-colors.yTbEN
https://img.savvyify.com/image/menu%2C-sub%2C-and-sub-menu.yTKX1
Hi,
Thank you for the update.
To increase the size of the thumbnail, please add this filter in the functions.php file:
function avf_post_featured_image_link_mod( $image_link, array $current_post, $size ){
$image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' );
return $image_link;
}
add_filter( 'avf_post_featured_image_link', 'avf_post_featured_image_link_mod', 10, 3 );
Then, include this css code inside the css media query to remove the dotted line:
.responsive #top #main .sidebar, .responsive .post_author_timeline, .responsive .template-blog .blog-meta {
display: none;
}
Best regards,
Ismael
Hi,
Thanks for that. I’m not sure if that would be possible, but try assigning the ID the divider that you have at the top of the section instead.
Best regards,
Rikard
Not sure if this will help, but I reviewed my browser history and found I referenced this:
I don’t recall that I added that to the Custom CSS though.
Hi Ismael.
Thanks for your reply.
The images are indeed moved above the title, but they are blurry.
The theme is probably using a small image, which is enlarged to full screen with the code provided, thus degrading the quality of the photos.
Furthermore, in landscape view on a smartphone, the image origin is not the center but the top margin.
And the CSS code provided does not resolve the dotted line issue.

This reply has been marked as private.
Hi Ismael,
thank u, it works :)
BUT – only desktop.
On mobile I’ll be shown a message, that I’Ve to install a fallback-picture.
In addition, do you’ve any solution for that issue.
thx in advance
Andreas