Your modification didn’t fix the issue. I contacted the plugin developer and here’s what he said (it is beyond my understanding but maybe it will make sense to you).

“If Enfold applied our original fix verbatim, the issue would be resolved. It doesn’t sound like they fully understand the issue.

FacetWP uses “#!” as a hash instead of just “#” because it allows Google to automatically handle ajax. See: http://take.ms/zqPRi

Enfold intercepts all URL hashes beginning with “#” for use with their built-in “scroll-to-top” functionality. This is breaking FacetWP’s ajax-permalink functionality.

Reference: https://support.google.com/webmasters/answer/174992?hl=en”

Asad

So, jetzt hat es doch geklappt ^^

Gibt es denn eine Möglichkeit, dass die Änderungen an der Javascript Datei (https://kriesi.at/support/topic/kein-nahtloser-ubergang-beim-scrollen-in-verbindung-mit-ubermenu/) beibehalten werden, oder muss ich die jedes mal neu einfügen?

Vielen Dank für eure Hilfe!

Hi

Thanks for the super fast reply. i have put the ccs recommendation in and it works. i have this in my custom css file do i need to delete it as i put it in ther to adjust the icons and menu buttom to drop below the logo as they appeared over the logo.

@media only screen and (max-width: 640px)
{
.responsive .logo a, .responsive .logo img { width:100%; height: auto !important; float:left; margin:0; padding:0; top:0; }
#advanced_menu_toggle { top: 52px; }
.responsive #header .social_bookmarks { top: 55%; margin:0; padding:0; left: -15%; }
}

thanks again for you help

there you can also see the bug – scroll down to “latest news” on mobile and watch how the slider works

http://kriesi.at/themes/enfold/homepage/home-v3-3-column-with-blog/

on the older enfold theme version, it was automatically changed to 1 item to slide one by one… now it shows 3 each under each one and its absolutely confusing …

Its not working. I’m guessing I entered incorrectly.
Here is all the code in Quick CSS
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (min-width: 767px) {
.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}
#menu-item-search {
display: block!important;
}

Hi Yigit.
All our posts do have a featured image set. Please note…we have disable the featured image within the top of each post on the desktop view. I’m guessing that also disables it in mobile view.
Is there a way to keep it disabled is desktop view and enabled in mobile view?
Below is the code you sent from our Quick CSS:

@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}

Hi Peter,
hat leider nicht funktioniert. Konnte den Fehler jedoch durch eine CSS-Anpassung innerhalb von prettyphoto beheben.

/*prettyPhoto adjustments for mobile devices. 1024px is presumed widest device.*/
@media screen and (max-device-width: 1024px) {
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
#pp_full_res { line-height: 0.7 !important; }
.pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }
div.ppt { display:none !important; }
.pp_play {margin-right: 20px !important;}
.pp_arrow_previous {margin-right: 5px !important;}
}

Vielen Dank.
Gruß,
Nic

Ok guys, theme updated. results of my testing are:

In Google Chrome it does not appear. The page fades to grey and if you scroll down to the bottom of the page there is a large white space displayed.
On Samsung Tab 3 – Chrome browser now displays the lightbox, but you have to “chase” it down the screen
On Samsung Tab 3 – native browser it does not show the lightbox and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails
On Samsung Galaxy S2 – native browser, lightbox doesnt show and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails. Extended Header issue resolved
On Samsung Galaxy S2 – Chrome browser: Extended Header. Google Font not showing, Gallery ‘Big Preview’ height not auto adjusting as per the CSS. Lightbox does not appear although page fades to grey and it seems that you can ‘chase’ it down the screen but its not showing
On IE11 everything works as expected

here’s a screen shot of how i have the header.php configured with the google font code if it helps:

https://www.dropbox.com/s/4ddig3zdh90t31g/headerphp.PNG

thanks,
stu

Hi, Josue

Where do I insert the embed code with the Easy Slider? All I see is an option to insert the URL of the video.

A Color Section allows me to place a video, but again there’s only the option to insert the URL, not the embed code.

I can use the embed code with the Layer Slider, but that’s a problem because I can’t seem to put the layer slider on a Content Section. This means the video is displayed on the page’s white background. You can see it at http://www.welcometojoseph.com, since I added that this morning. Layer Slider method does allow for a preview image, but no controls are shown unless hovered. Maybe there’s something in the embed code that can be added..

Your theme is considerably different than what I’ve been used to (Avada) and so I’ve spent several hours on the video issue. Video display for site visitors is very important to me because I do a lot of custom videos for clients. What I’d like to have is:
1 – a video displayed on a colored Content section
2 – a preview image instead of a black screen
3 – all play controls visible to the site visitor
4 – no auto playing.

Can all four be done with the Easy Slider or Layer Slider? I’ll also be self-hosting videos as soon as I convert the .mp4 vids to HTML5.

Again, thank you for your help on this issue. This theme is going to work great for me if I can get this video issue resolved :)

EDIT TO ADD:
Josue, I modified the functions.php file and now the text code shows. Wonderful, thank you!

However, I still can’t get the video in the easy slider to stop autoplaying. Here’s the full code, and you’ll see where I added ‘true’ to autoplay and also the controls, which I would like for them to show on-screen for certain sites.

`[av_section color='main_color' custom_bg='#1e71bf' src='' attachment='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' padding='no-padding' shadow='no-shadow' id='']
[av_slideshow size='featured' animation='slide' autoplay='false' interval='30']
[av_slide slide_type='video' id='' attachment=',' video='http://vimeo.com/86387932' mobile_image='' video_ratio='16:9' title='' link_apply='' link='lightbox' link_target='' autoplay='false' video_controls='true' video_mute='' video_loop=''][/av_slide]
[/av_slideshow]
[/av_section]‘

• This reply was modified 11 years, 9 months ago by Themis_Designs.