Twenty Ten scrolling – help!

  • Resolved mayclem72

    (@mayclem72)


    13 years, 7 months ago

    Ok, before anyone shouts, i’m not altering Twenty Ten – i have a seperate copy of it ive renamed to make my alterations on

    Problem – is there any way to make the content scroll under the header and menubar? (leaving them fixed at the top of the screen)

    really would love to be able to do this, as my theme has an awesome header/fixed background combination, that i would like to be on-screen at all times, regardless of the amount of content

    anyone got any ideas?

Viewing 7 replies - 1 through 7 (of 7 total)

  • try:

    #header { position: fixed; z-index:1000; }

    and maybe
    #main { margin-top: 240px!important; }

    there might be other details to fix later(?)

    (not intensively tested)

    Thread Starter mayclem72

    (@mayclem72)

    i think we’re on the right track, the content is now going behind the header, but the menu dissapears and the header drops down by the amount in the margin settings

    Thread Starter mayclem72

    (@mayclem72)

    why do i keep coming up with ideas that are just beyond my ability?! damn frustrating lol

    can you link to your site?

    it is probably only some css tweaking.

    i just checked it with the unmodified twenty ten;
    i don’t have any problem with the menu;
    but it may need to add a top:0px; and increase the margin-top on #main

    #header { position: fixed; top:-20px; z-index:1000; }
#main { margin-top: 340px; }

    https://www.w3schools.com/Css/pr_class_position.asp

    Thread Starter mayclem72

    (@mayclem72)

    i cant give you a link as im working on an XAMMP installation on my offline dev pc – but it works!! ??

    just had to tweak the margin settings a bit to suit the header/menu depth i have

    hoping to upload this theme to www.ads-software.com when ive got it all nailed down, youve certainly earned yourself a credit!!

    many thanks

    you are welcome ??

    keep checking the w3school.com tutorials (or some tuts of your choice) anytime you come across something new or challenging.

    Thread Starter mayclem72

    (@mayclem72)

    i will do, and again, thanks for your help ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Twenty Ten scrolling – help!’ is closed to new replies.