Hi Rikard,

The code is :
<div id=”club-plugin”></div>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script&gt;
<script src=”https://mijn.handbal.nl/kcp/a1f6836795321325b/team/”></script&gt;
<link type=”text/css” href=”http://www.hvbsac.nl/wordp/clubplugin-style.css&#8221; rel=”stylesheet” />
<link type=”text/css” href=”http://www.hvbsac.nl/wordp/clubplugin-grey.css&#8221; rel=”stylesheet” />
<script>
jQuery(document).ready(function($){
clubplugin.load(‘#club-plugin’);

});
</script>

It gets data from the national handball federation to show results, the program etc.

Kr,
Tom

Hi Rikard,

Sorry for the late response. It is a plugin which loads external information to the page (to show scores).
I added to quick CSS:

/* LayerSlider height in portable device*/
@media only screen and (max-width: 767px) {
#top #main #layer_slider_1{
height: auto !important;
}}
This fixed a lot of problems.

Now my last problem is the plugin also affects the header on This page
If you scroll down, the social icons will not resize to make the header smaller.

kr,
Tom

• This reply was modified 7 years ago by tomhoeve.