[barefootMarc]

I would rather use your theme than the plugin.

Attachments:

You must be logged in to view attached files.

[barefootMarc]

fixed it. Got rid of the row all together. wedged a text block beneath the row.

-M

Attachments:

You must be logged in to view attached files.

[barefootMarc]

If i change the height of the window browser it disappears no problem. See the image.
So the code is correct, but something is causing a bug.

-M

Attachments:

You must be logged in to view attached files.

[barefootMarc]

It works, but for some reason its leaving a space where the row would have been had I not modded it with the following:
.location_tile{
top:-150px;
z-index:9999;

}

[barefootMarc]

.location_tile{
top:-150px;
z-index:9999;

}

.location_tile section.row.fw-row {
margin-top: -70px;
}

[barefootMarc]

IU trioed changing the bg of the tabs row to red to see where it’s being displayed, and it’s following the css correctly. If i delete this red row, the black bar disappears

Attachments:

You must be logged in to view attached files.

[barefootMarc]

Fixed it with this:

I gave the table class=sidebar-menu and made sure the height was set to a px value not %

(function () {

var scrolled = 75;
$(‘.arrow-up’).click(function() {
$(“.sidebar-menu”).animate({
scrollTop: $(“.sidebar-menu”).scrollTop() – scrolled
});
});

$(‘.arrow-down’).click(function() {
$(“.sidebar-menu”).animate({
scrollTop: $(“.sidebar-menu”).scrollTop() + scrolled
});
});

})();

[barefootMarc]

Here’s the jQuerry

/* ——— scroll menu ————-*/
var scrolled=0;

$(document).ready(function(){

$(“.arrow-down”).on(“click” ,function(){
scrolled=scrolled+300;

$(“.sf-va-middle”).animate({
scrollTop: scrolled
});

});

$(“.arrow-up”).on(“click” ,function(){
scrolled=scrolled-300;

$(“.sf-va-middle”).animate({
scrollTop: scrolled
});

});

});

[barefootMarc]

Hi

Its the pop out menu on the right.

Attachments:

You must be logged in to view attached files.

[barefootMarc]

Im happy with the loop, It’s the swipe back animation I could do without.

-M

[barefootMarc]

Figured out a work around

CSS:
.page-heading {
width:100%;
bottom:0;
z-index:9999;
margin-top: 0;
margin-bottom: 0!important;
position: fixed;
text-align: left;
border-top: 0!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

}

JQuery

var $ = jQuery;

tiles = $(“.page-heading”).fadeTo(0, 0);

$(window).scroll(function(d,h) {
tiles.each(function(i) {
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + $(window).height();
if (a < b) $(this).fadeTo(500,1);
});
});

Thank you for all your help,

Marc

[barefootMarc]

I can get the arrows to show up top, but not at the bottom of the post. Isn’t the bottom consider standard?

-M

[barefootMarc]

The second GIF is what I want to see. For what ever reason the arrows are not showing up at the bottom of the screen.

-M

[barefootMarc]

The arrows are still not showing? Can’t seem to figure this one out. WHere on the page would they appear? is there an example I can view where the standard arrows are working?

-M

[barefootMarc]

removed el position first and last and all works. Like for sure this time!