weird header after resize

Hi,

When I resize (or open on a mobile device) my website, I've got weird text through my header. Also the headerpicture isn't full length.



website

tnx in advance

Hallo!

Try the following resolution of header picture: 2540x1477
You use now 2540x1905

The files you are using is big so you could also use: 1400x814. This is the resolution on the demo site.

This should fix the black sides on the picture

And the white stroke you made does not resize when you make the tab smaller that is the problem.

tnx m8!

Hi again,

How did you make that "Lees meer" button automatically scrol down?

Is that an HTML code? Can you share it?

Check also your website on mobile phone. The logo seems disappearsing .

Hi,

I just adjusted the link to (in this case) #gkMainbody

So the html code in the header module is

Code: Select all

   <a href="#gkMainbody" class="dark btn-border" data-sr="enter bottom and move 50px and wait .3s">Lees meer</a>

Hi

There is no special combination of html for scrolling. Just put it as a link:

Code: Select all

<a href="#name_of_layer_below">Link</a>

if it will not scroll than it means that You will need to add this code to /js/gk.script.js

Code: Select all

// smooth anchor scrolling
   jQuery('a[href^="#"]').on('click',function (e) {
      e.preventDefault();

      var target = this.hash,
      target = jQuery(target);
      if(target.parent() !== jQuery('#gkStyleArea')) {
         jQuery('html, body').stop().animate({
            'scrollTop': target.offset().top
         }, 1000, 'swing', function () {
            window.location.hash = target.selector;
         });
      }
   });