Hi Yigit,
Thank you for your help on that.
The problem is that if I reduce the pages to a tablet size for exemple, the content of the main part of the page is not resizing and I have to scroll down to see the footer of the page.
Correct me if I’m wrong but the content of the main part of the page should be automatically reduced in size so that the footer of the page is always visible without scrolling. Is it correct ?
When I’m on my screen, full size ( 1920×1080 ) I have everything but if I go the the tablet screen size, the content of the main part of the page, except the photos ( they resize correctly ) has always the same size and I have to scroll down.
What surprises me is that, when I go on Enfold demo page ( http://kriesi.at/themedemo/?theme=enfold ), everything works fine
whatever size of window I choose. Did I miss something in the setup ?

Any idea ?

Thank you.

Hello, I’ve created a shortcode, it worked perfectly, but because I am mixing css, html and php in the same function I got a big error, then I move the code to a html file and included directly into the shortcode without success, could you please help me find the better way to run this chunk of code into the homepage without sacrifying some sleep?

code:

<!– MOBILE NEWS –>
<div id=”home-news-mobile” class=”row” style=”background:#c0c0c0;margin-top: 0px;margin-bottom: 20px;width: 100%;padding:0px 0px 10px 0px;font-weight:bold;”>

<div style=”width:100%;height:57px;background:url(<?php echo home_url( ‘/’ ); ?>wp-content/themes/enfold/images/ga-home-newstop.png) no-repeat top right;”></div>

<ul class=”homenews scroll-pane” style=”width:90%;margin-right:20px;padding:10px;float:right;font-weight:bold”>
<?php $posts = get_posts(‘category=2&orderby=date&numberposts=20’); foreach($posts as $post) { ?>
<li style=”list-style:none;text-align:right;line-height:24px;font-weight:bold”>” target=”_parent” style=”font-weight:bold;border:thin;”><?php the_title(); ?>
<?php } ?>

</div>

<!– MOBILE PUB –>
<div id=”home-pub-mobile” class=”row” style=”background:#c0c0c0;margin-top: 10px;margin-bottom: 20px;width: 100%;padding:0px;font-weight:bold”>

<div style=”width:100%;height:51px;background:url(<?php echo home_url( ‘/’ ); ?>wp-content/themes/enfold/images/ga-home-pubtop.png) no-repeat top right;”></div>

<ul class=”homenews scroll-pane” style=”width:90%;margin:20px;padding:10px;max-height:160px;float:right;text-align:right;font-weight:bold”>

<?php wp_list_pages(‘depth=4&child_of=111&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=109&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=194&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=196&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=198&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=200&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=202&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=204&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=206&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=208&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=211&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=215&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=213&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=217&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=219&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=221&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=223&title_li=’); ?>
<?php wp_list_pages(‘depth=4&child_of=225&title_li=’); ?>

<?php
/*
$pages = get_pages(array(‘child_of’ => ’17’, ‘exclude’ => ‘111’, ‘parent’ => 17, ‘sort_column’ => ‘menu_order’, ‘sort_order’ => ‘ASC’));
foreach($pages as $page){
print ‘<li style=”text-align:right;line-height:24px;font-weight:bold”>ID).'”>’.$page->post_title.’‘;
}
*/
?>

</div>

<!– MOBILE COMMUNITY –>
<div id=”home-community-mobile” class=”row” style=”margin:20px auto;width: 100%;text-align:center;”>
<?php echo qtrans_getLanguage();?>/news/guzman-ariza-and-the-community/”>wp-content/uploads/2013/12/ga_home_community_<?php echo qtrans_getLanguage();?>.png” style=”width:260px” border=”0″ />
</div>

<div id=”home-news-desktop” class=”row” style=”margin-top: 10px;margin-bottom: 20px;width:100%;max-width:959px;height:292px;float: left;”>

<div class=”col-box span-7″ style=”width: 682px;height:290px;float:left;margin: 3px 15px 3px 0px;text-align:center;background:url(<?php echo home_url( ‘/’ ); ?>wp-content/uploads/2013/12/ga_home_newsh_<?php echo qtrans_getLanguage();?>.jpg);”>

<div class”holder” style=”position:absolute;top:6px;left:4px;width:460px;height:200px;border:0px solid red”>

<div id=”homepane2″ class=”scroll-pane” style=”height:275px;”>

<ul class=”homenews” style=”margin-right:20px;text-align:right;font-weight:bold”>
<?php
$pages = get_pages(array(‘child_of’ => ’17’, ‘exclude’ => ‘111’, ‘parent’ => 17, ‘sort_column’ => ‘menu_order’, ‘sort_order’ => ‘ASC’));
foreach($pages as $page) {
print ‘<li style=”text-align:right;line-height:24px;font-weight:bold”>ID).'”>’.$page->post_title.’‘;
}
?>

</div>

</div>

</div>

<div class=”col-box span-3″ style=”float:left;margin: 3px 0px;text-align:center;”>

wp-content/uploads/2013/12/ga_home_community_<?php echo qtrans_getLanguage();?>.png” style=”width:260px” border=”0″ />
</div>

</div>

Thank you for your time and patience.

Thanks! With that command we are now able to stop the video when the user scrolls down the page. The only little issue now is that when we scroll back up, the video doesn’t restart automatically. The user needs to click twice on it to restart it.
Is there a command we could use to just “pause” the video, and one to “resume” it? Do we need to import the Vimeo APIs for that? Or is there an easier way?
Many thanks.

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&#8221;

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;
}