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
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 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
Hi,
Try to wrap the css modification inside this css media query so that it won’t affect the mobile view.
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
And to be able to target specific elements in the page, try to apply a unique ID or class names to them.
— https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael
Hey M-Graphics24,
Thank you for the inquiry.
1.) The footer menu doesn’t look bold when we checked. Did you figure this out?
2.) The footer columns have the same size (29% of the parent container) and is equally spaced — 6% left margin.
3.) One of the css media queries was not closed properly. We corrected the css code.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
Hi,
To target all top level menu items, please use this css code:
.html_av-overlay-side #top #wrap_all #av-burger-menu-ul .menu-item-14632 > .sub-menu > li > a {
color: black;
}
View post on imgur.com
Best regards,
Ismael
Hi,
Thank you for sharing the complete steps. Regarding the older thread, the complete solution is already there; you just need to adjust the “std” parameter to “hover_active”.
remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 );
function avia_woocommerce_product_elements_mod( $elements )
{
$posttype = avia_backend_get_post_type();
if( ! empty( $posttype ) && $posttype == 'product' )
{
$elements[] = array("slug" => "avia_product_hover",
"name" => "Hover effect on <strong>Overview Pages</strong>",
"desc" => "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
"id" => "_product_hover",
"type" => "select",
"std" => "hover_active",
"class" => "avia-style",
"subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));
$counter = 0;
foreach( $elements as $element )
{
if( $element['id'] == 'sidebar' )
{
$elements[ $counter ]['required'] = '';
}
else if( $element['id'] == 'layout' )
{
$elements[ $counter ]['builder_active'] = true;
// unset($elements[$counter]);
}
$counter++;
}
}
return $elements;
}
Best regards,
Ismael
Hey!
is not very logically structured if it is not sorted by date,
Yes, the Isotope script doesn’t really take any of that information into account. It sorts the items based on their order in the document and the size of the images. If you want to make sure that items are sorted based on their query order, e.g., the date they were published, you may need to select a different layout in Styling > Masonry Settings > Size Settings or use an entirely different element, such as the Post Slider or Portfolio Grid.
Cheers!
Ismael
Hey dogsbody,
These icons are not available on Fontello.com yet, please follow this thread and steps. Please note that it is for TikTok and you will need to change the “charter code” (ue800) to your icons.
Best regards,
Mike
Hi,
I finally got this working – not sure why it took so long?
This is great but I wanted all the other top levels links to be black too..
Is there a way to target them all?
In this example, All Skin Boosters would be black too.
All Under Eye Skin Boosters too etc..
If you scroll through the menu all the ‘All..’ categories should be black to..
View post on imgur.com
hm – boxed content seems to be a bad guy for that. …
try ( now just for that post : vuur5 to not have influence from other settings )
#top.postid-227 #main {
overflow: visible !important;
}
#top.postid-227 #av_section_1 {
position: absolute;
height: calc(100vh + var(--enfold-header-height)) !important;
width: 100vw;
left: 0;
top: calc(-1 * var(--enfold-header-height)) !important;
}
#top.postid-227 video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100vh + var(--enfold-header-height)) !important;
z-index: -1;
object-fit: cover;
}
@media only screen and (max-width: 1200px) {
#top.postid-227 video {
left: -250px !important;
}
}
@media only screen and (max-width: 767px) {
#top.postid-227 video {
left: -350px !important;
}
}
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