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
eg
<div class="container-fluid">
<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>
</div>
<div class="row nav-bar">
<div class="coffee-span-12 nav-bar-col"><!-- Start of the body content for CoffeeCup Menu Builder -->
<div id="menuBuilderContainer">
<div id="menuBuilder">
etc etc
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,
etc
Nothing works
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
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/