Hey sunhouse_ops,
Thank you for the inquiry.
Background videos on Slider or Color Section elements are disabled on mobile devices by default. You will need to apply a fallback image. If you really need the video to display on mobile view, you can replace the slider with a Video element or the Layer Slider element. Make sure that the video is muted to enable autoplay.
Best regards,
Ismael
Hey northorie,
Thank you for the inquiry.
The padding is applied by this css rule.
.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}
You can override it with this css code.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding-left: 0% !important;
padding-right: 0% !important;
}
}
Best regards,
Ismael
Hey!
Regarding #4, there is a function called avia_filter_wpseo_sitemap_urlimages, which extracts mage IDs from image or slider elements in the ALB, and push them to the wpseo_sitemap_urlimages filter for registration in the Yoast sitemap. To register more ALB elements such as sliders, you can use the avf_add_elements_wpseo_sitemap filter in the functions.php file:
Related thread: https://kriesi.at/support/topic/how-to-make-images-in-masonry-gallery-to-be-indexed-in-seo-yoast-sitemap/
Thank you for your patience.
Regards,
Ismael
Can someone please help? I am looking for a code or a way to stop accordion sliders from displaying all images on the page. I want the accordion slider to only show the images in that specific slider. It seems as though whenever I am viewing images in a lightbox the lightbox allows me to click left or right through every picture on the page. I do not want that to happen with the accordion sliders. Especially with the iframe I created. I don’t want to be able to click left or right when I open up the “Quick Quote” iframe on all of my pages. Please look at the About Us page as well, I don’t want to open up the 1890-1950s accordion slider and be able to see images from the 1950-2000 or even the pas/present article image. Why is it showing every single picture on that page in the lightbox? Please help.
I think we are good for now. Feel free to close this topic. Thanks again!
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
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi Guys.
I’m currently having a problem that I’ve never had before:
The way I usually work is that I have a tab open in the browser for editing the page and another tab for viewing the homepage/frontend.
Now the following happens: After I changed something on a page, saved the changes and updated the frontend in the other tab, the new version does not appear there, only the version as before.
(Today – I’m almost certain – an even older version of the page was displayed.)
This effect also occurs when I cleared the cache (three times – 1: clear page cache – 2: delete cache – 3: CSS/JS minimized).
This type of non-update only seems to occur when changes are made to the page. For example, if I change something in the menu, the change will be reflected immediately the next time I refresh the frontend.
The only way for a change to appear correctly is if I click “Page updated. Show Page.” on the head of the edit page in the backend after saving. The tab “switches” from backend to frontend and the new version is displayed – however, the incorrect older version is still displayed in the tab next to it (even after another update).
Of course you can say: “Well, then always do it like this – what’s the problem?” But I don’t understand why “my” usual application method no longer works…?
See the differences here (imgur).
Finally, this is also strange: the page displayed in the front end doesn’t react at all to my clicks on the curved “Firefox refresh arrow”, the page is not reloading. I The only way to force this is to click on my site logo at the top left of the navigation bar. (of course still not with the correct result)
I don’t know if this is even a matter of Enfold’s, but I’m overwhelmed and hope you can shed some light on this.
I use Firefox 123.0, the provider is strato.de.
Best regards
Grobi
Hi,
Thanks for the update. Let’s continue this in your first thread: https://kriesi.at/support/topic/cant-import-a-dem-site-by-my-just-installed-theme-enfold/. I will close this thread for now.
Best regards,
Rikard
Hey tcampaner,
Please refer to this thread/reply from Ismael: https://kriesi.at/support/topic/search-string-indexed-though-blocked/#post-1353749
Best regards,
Rikard
Hey daves1997,
Thank you for your patience, I believe this is related to your previous thread, where your homepage had been saved with a different builder and the page shortcode was broken.
When I check your page now it is not loading for me at all, have you tried to create a new homepage? Perhaps you could use your webhost backups to roll your site back to before the error occurred? Most webhosts do automatic backups, some daily and others weekly or monthly, try reaching out to your webhost and ask how often they do it and how you can roll back, they can most likely do this for you quickly if you have a general idea when this occurred.
Best regards,
Mike
Hi,
Your image looks like a subscribe popup form, I assume you are referring to the slightly transparent background overlay and that the box is white, with a dashed border, the following adjustments will produce this:

#top .avia-cookie-consent-wrap[aria-hidden="false"] {
background-color: rgba(0, 0, 0, 0.3);
height: 100vh;
width: 100vw;
top: 0;
position: absolute;
z-index: 999;
}
#top .avia-cookie-consent.avia-cookiemessage-bottom {
bottom: unset;
left: unset;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
color: #000;
border: 3px dashed #000;
}
#top .avia-cookie-consent .avia-cookie-consent-button {
display: block;
width: 60%;
margin: 10px auto;
background-color: #e1e1e1;
color:#000;
}
#top .avia-cookie-consent p {
display: block;
padding-bottom: 20px;
}
#top .avia-cookie-consent-button {
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
#top .avia-cookie-consent.avia-cookiemessage-bottom {
width: 80%;
}
}
@media only screen and (min-width: 768px) {
#top .avia-cookie-consent.avia-cookiemessage-bottom {
width: 25%;
}
}
Best regards,
Mike
Hi, I’m having trouble getting videos to play on mobile – I hope someone can advise how to do this.
I want the videos, which are on Vimeo to be full width, autoplay and loop.
Theme is Enfold and using a Fullwidth Easy Slider
I have used this:
https://vimeo.com/(vimeo number)?autoplay=1&loop=1&background=1
and on desktop that seems to work fine, but not on mobile.
I’m sure there’s a better way to do this, so hope someone can help!
-
This topic was modified 2 years, 1 month ago by
sunhouse_ops.
Hello,
I would like to have a submenu on the site https://hukkepack.de/hukkepack-shop/, which works so well. But when I look at the page on the smartphone, the menu has a space at the top. Can it be taken away? But in such a way that the menu can still be seen. The function is good, I just want to get rid of this distance.
Best regards,
Martin
Hi Ismael
Thank you that’s brilliant! But it only works for desktop – not on mobile.
Is there something I can add for the mobile version please?
I also need to made the button look like the other buttons above and have reduced the depth but also need to change the spacing above and within the button.
I will keep working on the spacing, but any other direction you can give will be much appreciated!
Thanks
Jane
Hi,
Thank you for the update.
The page is not loading on our end, and it doesn’t seem to exist.
when the site uses fullscreen and the custom widget, it doesn’t start at the top
What do you mean? Please provide a screenshot using Savvyify, Imgur, or Dropbox.
Best regards,
Ismael
Hey MikeTandySwag,
Thank you for the inquiry.
You can add this css code to remove the text behind the arrow.
#top #wrap_all .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-controls a {
text-indent: 9999px;
}
Best regards,
Ismael
Hey reqonsult,
Please see our documentation: Adding your own Fontello or Flaticon Icons Fontello icons work best and please note that these are a icon font and not a image icon, so they must be black + white and not colors.
Note that sometimes Fontello can be picky, so here is a way to fix them.
If you want you use color icons you can use css to show them, see this example
Best regards,
Mike
Hi Everyone,
I’m trying to use the code found here for the arrows on the Content Slider – https://kriesi.at/support/topic/content-slider-arrows/
However, it seems to show the letters for the word “Previous” and “Next” behind the arrows?
And it seems to disappear on Mobile.
How can I fix that?
I put the page I’m working on in the private section
Hey Antonio,
To remove the burger menu spin, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .av-hamburger--spin.is-active .av-hamburger-inner {
transform: unset;
}
#top .av-hamburger--spin.is-active .av-hamburger-inner::after {
transform: unset;
}
#top .av-hamburger--spin.is-active .av-hamburger-inner::before {
top: -10px;
opacity: 1;
}
#top .av-hamburger--spin.is-active .av-hamburger-inner::after {
bottom: -10px;
opacity: 1;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
but – in this case i had to see the page it belongs to – because on my testpage i do not see such a hem (un ourlet à droite).
maybe you set only a border-radius for left side.
border-radius: 50px 0px 0px 50px; it begins with top/left and goes clock-wise.
and btw. why don’t you set for the background a transparency – then it will be ok for transparency headers too:
#top #wrap_all #menu-item-2862 .avia-menu-text {
border-left: 5px solid;
border-radius: 50px 0px 0px 50px;
border-color: #D60B52;
background-color: transparent;
padding: 15px 0px 15px 15px;
}
Hey Alex,
It looks like you have a cookie bar plugin that is placing a cookie bar at the top of your page, but I only see the cookie in the page source code and not on the frontend, this is pushing down your menu. So you can disable the plugin or if the plugin allows you to move the cookie bar to the bottom, that would probably also help.
Best regards,
Mike
https://christchurchclinton.org/news/ – uses the Blog Posts element, Grid Layout, pagination enabled. The pagination displays and works on desktop; on mobile it displays, but clicking on a different number does not take you to a different page, just refreshes page 1. How can we fix this?
Hi Rikard,
vielen Dank so funktioniert es:
.inner_sidebar {
margin-left: 0;
}
.widget_nav_menu li{
padding-left: 51px;
left: -51px;
top: 1px;
width: 100%;
margin-bottom: 4px;
}
.widget_nav_menu ul:first-child > .current_page_item{
padding-left: 51px;
left: -51px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
margin-bottom: 4px;
}
Problem kann geschlossen werden
Yes, I saw this option but I want to insert a rounded line (like a half circle) on the left side of each label, and when I insert the following css code
`#top #wrap_all #menu-item-27 .avia-menu-text, #menu-item-45 .avia-menu-text {
border-left: 5px solid;
border-radius: 50px;
border-color: #D60B52;
padding: 20px;
background-color: #ffffff;
padding: 15px 0px 15px 15px;
}`
I get lines on the right that I don’t want to see
Thank you for your help,
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
I am redesigning a website and needed to create a dropdown list from a button on the homepage: ‘OFFERS’
The two buttons above are how I would like the third ‘OFFERS’ button to look, with the arrow to the left but the arrow is at the top.
The dropdown list on the button seems okay, but how do I get the arrow to be on the left of the text like the other buttons please?
Thanks
Hello Ismael,
when the site uses fullscreen and the custom widget, it doesn’t start at the top. Perhaps you have an idea how it can be aligned on top by CSS?
Link below… ;-)
Kind regards,
Kati
Top .. thats it… thank you
…we can close here