Images appearing on top of menu (instead of underneath) when scrolling the page?

Hi Weka!

can you post the link to your website?

Cheers!
Yigit

Hey!

1- I have just checked your website and it is working fine on my end. Please see screencast here http://www.screenr.com/3qIH,
2- Can you post a screenshot and show how you would like to look?

Regards,
Yigit

Hi!

1.) Please add this on your custom.css or Quick CSS:

.fixed_header #main {
padding-top: 100px;
}

2.) You can move the sidebar to the right using this:

#top #main .sidebar {
right: -50px;
border: none;
}

Cheers!
Ismael

Hi!

1.) Let’s start again. To make the header transparent, please add this code:

.header_color .header_bg {
background: rgba(0,0,0,.5);
}

Move the slider or the main div towards the top using this:

.fixed_header .home #main {
padding-top: 0;
}

Edit js > avia.js file to remove the gap below the fullscreen slider. Find this code on line 687:

slide_height = Math.ceil( (viewport / 100) * this.options.height );

Replace it with:

slide_height = Math.ceil( (viewport / 100 ) * this.options.height ) + 88;

2.) You can’t move the border because it is the content border. There is a javascript where you can force or copy the height of a certain div then apply it on another. You can then use this Quick CSS:

#top #main .sidebar {
right: -50px;
border-left-style: solid;
border-left-width: 1px;
}

.content {
border: none;
}

Please hire a freelance developer to help you create a script like that.

Cheers!
Ismael

Hey!

My bad! Glad it worked. :)

Cheers!
Ismael