Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #204801

    When scrolling a page (example image in link below), the images appear on top of the menu instead of below.

    (normal images work fine and stay under the menu, but the embedded flash images appear on top of the menu as it the page is scrolled)

    I’m using embedded images (using flash files) linking to PhotoShelter, e.g.

    <object width=”300″ height=”220″><param name=”movie” value=”http://www.photoshelter.com/swf/imgWidget.swf” /><param name=”allowFullScreen” value=”true” /><param name=”FlashVars” value=”i=I0000SlF0nw8FtQg&b=1″ /><param name=”allowScriptAccess” value=”always” /><embed width=”300″ height=”220″ type=”application/x-shockwave-flash” src=”http://www.photoshelter.com/swf/imgWidget.swf” allowscriptaccess=”true” flashvars=”i=I0000SlF0nw8FtQg&b=1″ allowfullscreen=”true” /></object>

    Any way to make the images appear under the top menu as the page is scrolled and not on top?

    Example link: http://www.tiikoni.com/tis/view/?id=1173d08

    Thanks

    #204822

    Hi Weka!

    can you post the link to your website?

    Cheers!
    Yigit

    #204853
    This reply has been marked as private.
    #204856

    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

    #204867
    This reply has been marked as private.
    #204891

    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

    #204903
    This reply has been marked as private.
    #204912

    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

    #204920
    This reply has been marked as private.
    #204924

    Hey!

    My bad! Glad it worked. :)

    Cheers!
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Images appearing on top of menu (instead of underneath) when scrolling the page?’ is closed to new replies.