Menu icon Foundation

Developer | Aakirkeby

Programmer & webdeveloper at TV2Bornholm located in Denmark.

My Posts


My Comments

Carsten Johannesen commented on Carsten Johannesen's post over 4 years

Hi Rafi
and thanks again for a prompt answer :-)

We have now confirmed that it is the Slick Slider which creates our problem, and nothing specificly Foundation related.
When the Slick slider is not engaged, the problem goes away.

FYI: It seems to be related to the Numbering dots or the next-previous buttons in the Slick component and their styling.

It is hard to locate problems when the cause and effect are not located in the same related components ;-) (the slick component "breaks" the Foundation topbar).

Carsten Johannesen commented on Carsten Johannesen's post over 4 years

Thanks Rafi!

That sent me in the right direction.
Found that I had to change a simple setting in the foundation.topbar.js file!

It is mentioned in the Foundation docs, but very easy to miss.

Problem solved:
``` settings : {
index : 0,
sticky_class : 'sticky',
custom_back_text : true,
back_text : 'Back',
mobile_show_parent_link : false,
is_hover : true,
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
sticky_on : 'all'
},

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Carsten Johannesen's post over 4 years

Hi Rafi
and thanks again for a prompt answer :-)

We have now confirmed that it is the Slick Slider which creates our problem, and nothing specificly Foundation related.
When the Slick slider is not engaged, the problem goes away.

FYI: It seems to be related to the Numbering dots or the next-previous buttons in the Slick component and their styling.

It is hard to locate problems when the cause and effect are not located in the same related components ;-) (the slick component "breaks" the Foundation topbar).

You commented on Carsten Johannesen's post over 4 years

Thanks Rafi!

That sent me in the right direction.
Found that I had to change a simple setting in the foundation.topbar.js file!

It is mentioned in the Foundation docs, but very easy to miss.

Problem solved:
``` settings : {
index : 0,
sticky_class : 'sticky',
custom_back_text : true,
back_text : 'Back',
mobile_show_parent_link : false,
is_hover : true,
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
sticky_on : 'all'
},

Posts Followed

Following

  • No Content

Followers

  • No Content