I was able to solve the problem by clicking on a field of the Theme Settings, then clicking out, and Saving all changes. Only importing from parent theme doesn’t do it, you still have to Save changes on top of it, even though the changes are saved… It’s not an obvious solution, but it did the trick.

Take a look at the screenshots here. I’m using Easy Slider up top on one and the Fullwidth Slider on the other one. Look at what happens to the formatting of the FullWidth page. It gets very messed up for some reason..

Easy Slider http://prntscr.com/a6okye
Easy Slider (wp admin side) http://prntscr.com/a6oljj

Full Width http://prntscr.com/a6omio
Full Width (wp admin side) http://prntscr.com/a6omxx

Does this make sense?

I just want to have this page look like all of the rest of my site http://prntscr.com/a6oqmu but somehow I can’t get it to work.

I’m happy to give you login access to take a look.
Thanks so much!

Hi Ismael,

it does look good and works, so I decided to stop calling it a workaround and think of it as a solution now ;-) So I am fine, thanks a lot.

For all others: As written above I wanted to have a submenu below the slider on this site: http://o2bln.de/
Instead of some complicated fiddling with the header height, the top-margin of the submenu when scrolled to top and so on I simply set the submenu to 72px height and moved the whole slider container up by 72px:

#top .av-submenu-container { height: 72px; } 
#fullscreen_slider_0  { margin-top: -72px; }

The slider is cut off those 72px at the top, but I can live with that.

Cheers,

Michael

Hi Yigit,

Thank you.

I thought documenting your change might help other customers who are facing the same challenge, as your change was not to my code, but rather Enfold’s code published by the Enfold team in the forum.

There seems to be delta in addressing the iOS icon challenge/fix in the Enfold main Menu vs. the Enfold Fullwidth Sub Menu.

Enfold main Menu
( While this works for the Enfold main Menu on iOS, the CSS does not work on the Enfold Fullwidth Sub Menu )
https://kriesi.at/support/topic/avia-bullet-in-mobile-menu-changes-to-undesirable-icon-on-ios-9-0-2/

Fullwidth Submenu
( Note Josue’s comment on May 23, 2015 at 8:02 am, line 16)
https://kriesi.at/support/topic/how-to-make-full-width-sub-menu-transparent/

His code has,
.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: “\25B6”; position: absolute; top: 15px; margin-left: -10px; font-family: ‘entypo-fontello’; font-size: 7px;}

Above, in this topic, both you and Ismael also suggested the same code,
content: “\25B6”;

While your new fix shows the actual triangle character
.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: “►”; position: absolute; top: 15px; margin-left: -10px; font-family: ‘entypo-fontello’; font-size: 7px;}

Thank you for your help,

* {margin: 0; padding: 0;}

body {
background: #f5f5f5;
font-family: arial;
}

section {
background: #fff;
box-shadow: 0px 2px 2px #ebebeb;
}

header {
width: 960px;
margin: 0 auto;
text-align: center;
position: relative;
}

nav li{
display: inline-block;
padding: 40px 30px 40px 0;
}

nav li:nth-child(3) {
padding-right: 80px;
}

nav li:nth-child(4) {
padding-left: 80px;
}

.logo {
background: url(logo.png) 50% 0 no-repeat;
background-size: 32px 59px;
width: 32px;
height: 59px;
position: absolute;
top: 20px;
left: 460px;
}

Böyle bişey buldum yaptım dediğim gibi oldu ama headerın altına gitti yazılar logo fln yok oldu ben yazılım bilmiyorum o yüzden benim için zor oluyor. Neyse belki işe yarar başkası için .)

Thanks for your reply Andy.

I tried all that but no difference. It doesn’t seem to be a caching problem because a lot of different people are experiencing the same problem even when i deactivate caching. And it’s on mobile devices only not desktops.

It used to work fine until like a few weeks so i don’t know what happened.

Any other idea?

Hi Rikard,

Sorry but the linked page isn’t saturated with content!

I’m trying to get those 3 images to grow smoothly (~1 sec animation) by 10% of their current size on mousing over them to then decrease to their original size when mousing off. Hopefully this will emphasise that they are clickable when the page is completed.

The reveal animation I’m describing is illustrated by timeline I made containing the 2 elements made up of “text 1” and “img 1”. Left-most being the start of the animation and the right-most being the end of it (font-style and colour will be different, something I can manage with)! The idea is that when hovering over the text, “img 1” would begin to reveal itself from left-right. When hovering off the text, the animation would trigger in reverse to the original state.

Also, you might be able to tell help me out with the background sizing. On my laptop at the moment the background stretches across, but when I’m at home on my larger monitor I’ll see that the background will be too small for the screen. A background that stretches and responds to differing monitor sizes is what I’m after.

Finally, to add another question to the list (it could go on forever) I’m trying to rotate the arrow at the very bottom of the page by just a few degrees because I’ll have an arrow to each of those circular buttons and I don’t want to have each of them separated by 90 degrees. I’d rather not go into inkscape and rotate them in there, thus having to upload 50 arrows to my media library in slightly different orientations if you catch my drift!

I’ll do my best to explain better if you need me to.

Thanks,

J

Hi Vinnie,

sorry to take so long to reply.

I tried the code: #top .av-siteloader {display: none!important;} but this just disables the spinner completely.

I’m trying to stop the small spinner that I see before the larger spinner circle appears. The video I posted above shows what I mean.

Thanks,

Hedley

Sorry to bump this to the top… please don’t yell at me ;)

Post was getting lost down the pages. Any ideas if it’s possible?

Thanks

Hallo,
fast. Du wolltest das ich pro Thema einen eigenen Thread eröffne….
Jetzt vermischt es sich.
Hier geht es nun um den damaligen Vollbild-Slider der jeweils nur einem Bild diente. Das Motiv war leider nie vollständig zu sehen (Textbereich im unteren Bildabsschnitt); dann habe ich daraus ein Hintergrundbild der Farb-Sektion gemacht. Auf meinem 15 Zoll Mac ist das Motiv nicht vollständig zu sehen – auf dem großen Monitor schon… Nun geht es darum, dass sich dieses gemäß dem Medium (z.B. Laptop 13 Zoll, 15 Zoll anpasst und auch mobil gut aussieht…)
Siehe privaten Content…
Danke,
Janina

Hi Andy,

Thanks for the reply. Yep, I’ve cleared the browser cache on my mobile but the problem still persists. I’ve checked my iPad with Chrome and it does work ok, so seems to be Android related with the exception of the odd occasion on my desktop.

Cheers,
Marc

Hey Ismael,

1.) yes, after searching many hours I’ve found a peace of code in this forum:

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
transform: scale(1,1);
}

2.) Thanks to the plugin author, who had a look on the theme code, I’ve got now a possibility to hide the theme lightbox when using the JIG gallery.

Regards,
Hella

Here’s link to the same theme with only 1 theme setting changed (menu in the top menu instead of the left sidebar):

As you can see, it works perfectly with that change, no other changes were made at all. But not with the menu in the left sidebar.