Tagged: fullscreen slider
-
AuthorPosts
-
November 27, 2014 at 5:38 pm #359095
Hey there,
today I’ve updated a clients website. It seems that there are some big changes in header-section and for fullscreen-slider. Most I could fix by myself but for some other it would be nice to get some tipps:
1. If page is loading, the slider doesn’t work right. The sliders bottom-line doesn’t ends with browsers bottom-line.
2. If you scroll down a little bit and push the arrow, animation doesn’t stop at the right position.
Before I worked with the following line in js/avia.js. But it seems that this variable is changed now:
var target = container.offset().top - fixedMainPadding + 60,
Cheers
November 28, 2014 at 8:52 pm #359874Hi Bruno!
1.) It works for me:
Which Browser are you using? please provide us a screenshot using imgur.com or a public dropbox folder.2.) As I don’t know where you want it to stop, I can just say that it works fine for me:
Please explain and show us screenshots/mockup of what you want to achieve, so we can assist you better.Best regards,
AndyNovember 28, 2014 at 10:06 pm #359908This reply has been marked as private.December 1, 2014 at 4:40 am #360574Hey!
1. Use this in Quick CSS:
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 286px; }
2. I think Kriesi fixed this issue already in another update. Which version of Enfold and WordPress are you using? Please update to the newest one.
Cheers!
AndyDecember 1, 2014 at 12:12 pm #360716Hey Andy,
thanks for your reply. But it isn´t the trick..
Please it is possible to mark this topic for Josue? He helped us the last time to fix our problem with the changes at “var target”. Perhaps he know a working solution, cause it would be fine if we not have to wait till next update.
Thank you!
Best regards
BrunoDecember 1, 2014 at 12:27 pm #360719Hi,
I have the same problem in my home page (http://wp_kloudymail.kloudymail.net/). I placed some video in the fullscreen slider: only the first video is correct. The others video have a margin on top (view image). I don’t understand where is the problem. Please, help me. THANKS :)
December 2, 2014 at 4:36 am #361269Hi!
@comitzuu
I flagged Josue for this thread. Please kindly wait for his response.1. I can see that you are still using:
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 259px; }
instead of:
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 286px; }
Try to add an !important to it if if does not work:
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 286px !important; }
In the meanwhile: Do you mind giving us admin access, so we can have a deeper look into the issue? please post it here as a private reply.
@wekloud
I can’t see any margins on any videos of your webpage. Every fullscreen video looks fine to me. Could you fix it? Otherwise which browser are you using?Regards,
Andy- This reply was modified 9 years, 11 months ago by Andy.
December 2, 2014 at 5:21 am #361290December 2, 2014 at 8:09 am #361335Hey there..
@Andy – thank you. The css was changed on this way to fix my problems before..
@Ismael : Here is the code that fixed the issue in version 2.9.2. It was changes/added in enfold/js/avia.js in line 703 inside the functions for smoothed scrolling..var target = container.offset().top - fixedMainPadding + 60,
It just changed the offset..
Best regards
BrunoDecember 3, 2014 at 11:16 pm #362569Hi Bruno,
Sorry for my late reply, can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueDecember 4, 2014 at 12:08 am #362593This reply has been marked as private.December 5, 2014 at 7:05 am #363438Hi Bruno!
Access doesn’t work, please re-check.
Best regards,
JosueDecember 5, 2014 at 7:12 am #363440This reply has been marked as private.December 6, 2014 at 4:00 am #364010Hey Bruno!
I modified line 719 in js/avia.js (
target = container_offset - fixedMainPadding + 80
) and it seems to be working, please check it.Regards,
JosueDecember 6, 2014 at 9:42 am #364028Hey Josue,
I´ve also added this to my child-themes-style.css
@media only screen and (min-width: 990px) { .html_header_top.html_header_sticky #top #wrap_all #main {padding-top: 245px !important;} } @media only screen and (min-width: 768px) and (max-width: 989px) { .html_header_top.html_header_sticky #top #wrap_all #main {padding-top: 195px !important;} }
Now it works perfect! Thank you very much!
Best regards
BrunoDecember 7, 2014 at 3:54 am #364234You are welcome Bruno, always glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Some issues after update..’ is closed to new replies.