I wondered if you might be able to help with a small issue following your switch to SVG for several of the elements in v7 and v7.1 please.
I use my own custom to set the colours and have had no issues with the Search, Return to Top and Shop Cart until v7 updates to SVG, I found another post where you gave the css for the Search icon and I found the Return to Top CSS I needed but I am not having as much luck with the Shop Cart.
Would it be possible for you to post the css you are using with the updated Shop Cart please.
Also out of interest are there any other functions you have switched to SVG now that I might have missed?
Thank you ever so much.
Hey finchkelsey,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-data-table-wrap td {
vertical-align: top;
}

Best regards,
Mike
Hey ausgesonnen,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 989px) {
.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
position: absolute !important;
}
}
Best regards,
Mike
Hi,
Please see this thread.
Best regards,
Mike
I just tried it, it didn’t seem to work. I left login details on my original post, perhaps you can troubleshoot?
Also for the 2nd part, how do I move the Sale Shop Category up to the top on mobile as well?
Thank you so much!
Hey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 767px) {
#av-layout-grid-1 .flex_column {
background-image: url(//schlafundseele.mindful-designs.de/wp-content/uploads/2025/03/Design-ohne-Titel-22-1.png) !important;
background-repeat: repeat;
background-position: center;
background-size: contain;
background-position: top center;
}
}
Best regards,
Mike
Hi,
I believe there may have been a issue with your font, I uploaded a new one from Google Fonts and added this css:
#top #wrap_all .sacramento h2 {
font-family: "sacramento", cursive;
font-weight: 700;
}
and it seems to work now:

Best regards,
Mike
I have used the Enfold theme since 2017. I created the website within a Child Theme. About a week ago, we stopped being able to log in to the website dashboard. Instead, I received a message stating that my website had a critical error. After calling BlueHost, they said the problem was that the Enfold theme was “broken”. They had to disable/remove the Enfold theme so my site would work again. All my pages seem accessible in the dashboard; however, the website only displays the Blog page. I believe they deleted Enfold from my account. Please help me get my site back up and running correctly.
This is what I see on my dashboard under themes:
Broken Themes
The following themes are installed but incomplete.
Name Description
Enfold Child The parent theme is missing. Please install the “enfold” parent theme.
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
Hey engage24,
Maybe a plugin or custom code is causing that to happen? https://kriesi.at/support/topic/recaptcha-error-token-to-validate-form-already-expired/
Best regards,
Rikard
hi
I am trying to hide the post side navigation with this:
#top .avia-post-nav {
display: none !important;
}
but it’s not working.
also tried this in functions, still not working:
function no_post_nav($entries)
{
$entries = array();
return $entries;
}
add_filter('avia_post_nav_entries','no_post_nav');
Dear all do you know how we can correct troubles with avia footer scripts. Are such troubles from plugins or from some stuff i i did in my pages ? this is slowing down both mobile and desktop
regarding layerslide : do you guys recommend to fill it with 1280 / 720 format as indicated in the layerslide set up dashboard ? or does it resize automatically the images ? i am trying to understand if such thing can slow down the page
-
This topic was modified 1 year, 1 month ago by
hankboomer.
Hi Rikard
Thanks for this. I entered the code, and nothing changed. I removed the comment as I don’t have a dedicated style for this mobile element.
For now, I think I will leave the buttons at the top as, in hindsight, putting them centred could cause more issues and probably won’t suit all images.
Thanks for your effort.
Regards
Merle
I assume that you want to remove the click on the main item “Partenaires de séjours de vacances” but want the click on the sub-menu items, so remove your css and use this instead:
That’s correct Mike.
You perfectly understood my need.
Thanks of your code, now both main and top menus are working smoothly.
You can close this thread.
-
This reply was modified 1 year, 1 month ago by
rvga.
Thank you! Please close the topic
Hi Rikard this one works fine both for top and bottom border just changing border-bottom
#top #wrap_all #main #barra-1 {
border-top: 2px solid #56267a;
}
Thank You very much.. Can close..
Hi,
Yes, and I posted the content of the error log file here. There are no fatal error in there, so there are no clues for us to follow. You should try reaching out to your hosting provider and ask why the server is returning a 500 internal server error on the admin-ajax.php file as mentioned here.
Best regards,
Rikard
Dear Support Team,
On the website https://www.schlosswirtschaft-schwaige.de/, the logo is centred in the header and the navigation is to the right and left of it. This works well on a desktop PC, but no longer on a laptop, where part of the navigation hangs in the content area: see: Screenshot laptop: https://www.schlosswirtschaft-schwaige.de/support/laptop-menu.jpg
The script for centring the logo and navigation is as follows:
#header .main_menu {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}
#header .logo {
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
#header .logo img {
top: 50%;
transform: translateY(-50%);
max-width: 300px;
}
.av-main-nav>li>a {
padding: 0 40px;
}
.av-main-nav>li>a {
padding-top: 50px !important;
}
}
.html_header_top.html_header_transparency #header {
position: relative;
}
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
max-width: 100%;
}
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
height: 90px;
line-height: 90px;
}
#top #header .av-main-nav > li.menu-item {
display: none !important;
}
What do I have to change / correct so that it also works on smaller screens such as a laptop?
Many thanks and best regards, Diana
Hi
I have updated the theme today and everything looks ok apart from in the content slider. The arrows are no longer showing. I have added code based on another support question raised by others to move the arrows to the middle on the outside of the content slider. So the CSS has the following to add the arrows:
/* Arrow icon */
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:'\ue875' !important;
}
/* Arrow icon */
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:'\ue874' !important;
}
You will see in the page I have included the arrows are now showing a U.
Any help would be greatly appreciated
Hello, on this page, I would like the background image to be repeated in the mobile version as well, stacking on top of each other.
It’s the background image of a color section.

The area that is currently white should continue with the background image.
Just like in the example below. Column with background image via css

How can I do this?
Best regards
this is the code for your vuur4 page now:
#av_section_1 {
height: 100vh !important;
}
.responsive #av_section_1 .container {
max-width: 100% !important;
padding:0 !important;
margin: 0 !important;
}
video {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
object-fit: cover;
overflow: visible !important;
}
ps: you can shift the video position by
/* === Keeping the fireplace in view === */
@media only screen and (max-width: 1425px) {
video {
object-position: -335px;
}
}
#footer-page .avia_textblock p {
display: flex !important;
flex-flow: row nowrap;
justify-content: end;
}
#footer-page .avia_textblock p a {
padding: 0 5px;
}
#footer-page .avia_textblock p img {
padding-top: 2px
}
Hi,
Thanks for the update. If you have further questions which are not on the original topic, then please open a new thread.
Best regards,
Rikard
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
Right Ismael it works both for top and bottom border..
for bottom I use
#top #wrap_all #main #barra-1 {
border-bottom: 2px solid #56267a;
}
or I must use
#bottom #wrap_all #main #barra-1 {
border-bottom: 2px solid #56267a;
}
Thanks You can check the page again
Hi,
You have to add the avf_portfolio_cpt_args_mod function from the previous thread to enable the Page Attributes field for the portfolio items.
— https://kriesi.at/support/topic/masonry-not-displaying-cover-pictures/#post-1439624
Best regards,
Ismael
Hi,
Thank you for the link.
Please replace the css code with this:
#top #wrap_all #main #barra-1 {
border-top: 2px solid #56267a;
}
Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
Ismael
Hi!
Thank you for opening a different thread.
We replied in the older thread, but you can continue here.
— https://kriesi.at/support/topic/footer-and-menu-area-issues/#post-1479314
Cheers!
Ismael
Hi!
Glad to know that most of the issues were fixed. Regarding the buttons, please edit the cells containing the columns, apply “av-portfolio-button-lp” in the Advanced > Developer Settings > Custom CSS Class field, then add this css code:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top #wrap_all .av-flex-cells .av-portfolio-button-lp {
display: flex;
justify-content: center;
align-items: center;
}
}
View post on imgur.com
Let us know the result.
Best regards,
Ismael
Hi Ismael
Thank you so much. I looked this morning and everything is at it should be. The bold has gone and the footer spacing is now as it should be (very strange). Is it possible that the unclosed CSS could have caused the issue? Anyway, super grateful that it is all good.
The only query now open is the query regarding the buttons over images on mobile view. Please can you advise the CSS to assist with centering the buttons in the image area. I don’t want them at the top. Hope this makes sense.
Regards
Merle