Hi Ismael,

thanks, I’ve tried that on a separate test page [private content] using the settings you’ve mentioned. The source video isn’t 16:9 though but I’ve selected stretch regardless which only results in the fall back image being stretched. Isn’t there a way to define the height of the slider? – can’t find that. On top of that I’ll need to place the text plus box on top of the slider as in shown my color section.

Kind regards.

Hey Yigit.

Thanks for the feedback.

I understand what you’re saying about some other plugin or something, but the entire code section goes missing, not just the URL for the image, which makes me think this is less likely.

And yep, plenty of server space reported.

Thanks for making a test at your end, I have added one on my end, as well with your suggestion of trying it through Gutenberg – two pages made within minutes of each other, one with ALB and one with Gutenberg. Will report back in a week or two.

Thanks

Tim

Hi Ismael,

I don’t have a specific code for it. I simply added the contact form element inside the content slider. You can check the image in the private content.

For customisation, I got some assistance from your team.

Dear Ishmael

First of all, thank you again for your help.

The solution you tell me about is the one where there is a warning that ‘fixed’ may not work. I attach an image.
(Unfortunately it is in Italian, but you should understand it all the same).

https://www.legvideo.cloud/s/47y886RN5rkqRMx

I was asking: since you know it might not work, is there no other way than to buy a plugin to overcome the limitation?

426 / 5.000
Hello Rikard,

sorry, a bit late – thanks for your answer.

I had already tried your suggestion. It looks very good on iPhones; but unfortunately on Android phones I saw this distorted image.

Everything is great on the desktop and on the iPad; I also adjusted the tab for the different devices.

Do you perhaps have another idea for me??

Thanks for your effort and kind regards

Andrea

Nothing is helping the photo image go all the way to the top of mobile device. It used to be able to.

Great, that worked for this icons. Now can the image photo go all the way to top of the phone, with no black area where the time and battery are. I know you can change this color but youve’ also given me code to ahve photo run all the way up.

Hey there

Sorry I thought they were all footer related so thats why I did them all – but note taken for future :-)

Also dont worry about the “How can I reduce the Gap top and bottom of entire footer section inner padding?” I have found some code to fix that myself now. Which also seems to have helped with this questio “How can I reduce the gap between columns when they are stacked on mobile?” too.

I cant see any issues – here is the quick css:
/* remove the meta container from blog page*/
.html_elegant-blog #top .post-entry .post-meta-infos {
display: none;
}
/* remove the category displaying on blog page*/
.html_elegant-blog #top .avia-content-slider .blog-categories {
display: none;
}

/* Remove Product sorting from Product pages*/
.product-sorting { display: none !important;
}

/* Product price*/
#top .price, #top .price span, #top del, #top ins{
display: inline;
text-decoration: none;
font-size: 17px;
line-height: 45px;
font-weight: 600;
letter-spacing: 0.5px;
}

.image-overlay {background: none;
}
.av_font_icon.av-icon-style-border .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border-radius: 1000px;
border-width: 2px;
border-style: solid;
display: block;
margin: 0 auto;
padding: 25px;
color: inherit;
border-color: inherit;
position: relative;
}

/* Centre 5 stars in testimonials*/
.avia-testimonial p[style*=”center”] {
margin-top: 0;
display: inline-block;
}

.avia-testimonial-meta-mini {
text-align: center !important;
}

/* Reduce gap above header on events calendar – what’s on page*/
.tribe-common–breakpoint-medium.tribe-events .tribe-events-l-container {
padding-top: 0;
}
.tribe-events .tribe-events-l-container {
padding-top: 0;
}

#top #reviews h2{
font:”HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
line-height: 25px;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
}

.big-preview.single-big {
text-align: center; }

.big-preview.single-big a {
display: inline-block; }

.woocommerce-review__published-date {
display: none !important;
}

.html_elegant-blog .avia-content-slider .slide-meta {
display: none !important;
}

/* IconList space-*/
#top .av-iconlist-small li {
margin: 10px 0;
}

/*reduce the gap between Icon list and the text block above it*/
.avia-icon-list-container {
margin: 10px 0 30px 0;
}

/*reduce the gap between text box and colour section*/
.content {
padding-top: 22px;
padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */
/* Social icons 5 column display on mobile to stop overlaping */
@media only screen and (max-width: 767px) {
.flex_column.av-1wutg6-75a2def9a5e4dfdd6a7dc4b173f7d740 {
display: none;
}
.responsive #top.page-id-734 #wrap_all .content .entry-content-wrapper .flex_column.av_one_fifth {
width: 33%;
}

/* increase width of testimonial slider on mobile */
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
width: 100%;
}
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
}

/* Scroll to top button on mobile */
.responsive #scroll-top-link {
display: block !important;
}

And there is also the Advanced styling for the Widgets titles.

• This reply was modified 1 year, 2 months ago by xfacta.

So this is the link
https://saffronwalden.gov.uk/category/news/
As mentioned it’s fine for everybody who’s not logged in and also admin users who are logged in

But anyone logged in with less than an admin account sees this
https://img.savvyify.com/images/2025/02/18/Screenshot-2025-02-18-at-09.19.54.png

Thanks

Well now the homepage hero image shows, but not logo is not set up in the same way on all pages. On the homepage when I scroll down, it switches to the original Enfold on mobile. On some pages it just doesn’t change from transparent to coloured. I tried in multiple ways, incognito and different browsers. The issue persists. Is this a caching issue again? Not sure what’s happening really.

Thank you,

Lilija

Thanks so much! I updated all logos and added a transparent one. And now the whole homepage just got messed up. The background image in the header is not showing. Not sure what happened since I just added logos to the site without doing anything else. I also tried to add a favicon and the issue occurred right after that. Is this something you could help me with?