I have a feeling I have asked a similar question before and got an answer but for the life of me cannot find the post and must be doing something wrong from memory
I have a project on the go, which I would like to keep the top Header (for want of a better word) where it is so it doesn't move when the user scrolls down the pages.
I have enclosed 2 div class=.row's within a container
<div class="row language-row" id="top-row">
<div class="coffee-span-12 coffee-326-span-6 column-language-bar">
<a class="link-text bhasa-indo-tect" href="#" title="Indonesian" target="_blank" id="indo-text">Bahasa Indonesian</a>
<div class="row nav-bar">
<div class="coffee-span-12 nav-bar-col"><!-- Start of the body content for CoffeeCup Menu Builder -->
I have managed to keep the menu bar from moving but cannot stop the top row and the nav bar row from scrolling.
I have tried using:
backckground-image: url (blablablabla ) ; background-attachment: fixed;
background-image: url (blahblahblah ; background-position: fixed;
background-image: url (blahblahblah ;position: static;
background: url (blahblahblah ; position: fixed;
background: url (blahblahblah) : position: static,
Am I asking the impossible, or just been plain silly again,
It would be greatly appreciated if anyone could put me on the right road.
Thanks in advance wherever you are in the world have a great day