BullGuard Antivirus Sale - 60% Off with openElement !
openElement Website Homepage
Forum Home Forum Home >

openElement

> User Tutorials
  New Posts New Posts RSS Feed - Static Header Area with Scrollable body
  FAQ FAQ  Forum Search   Register Register  Login Login

Static Header Area with Scrollable body

 Post Reply Post Reply
Author
Message
HPS View Drop Down
Newbie
Newbie


Joined: Jul 01 2018
Status: Offline
Points: 6
Post Options Post Options   Thanks (0) Thanks(0)   Quote HPS Quote  Post ReplyReply Direct Link To This Post Topic: Static Header Area with Scrollable body
    Posted: Jul 01 2018 at 12:41pm
Hi Everyone

I need some advice on my web site.

My website will have a header area with links and 5 pages which should be displayed underneath the header area.

The page header is part of a layer that contains my site name and some links, e.g. "About us", "Shop", "Check out", etc.

How do I had a scrollable body area underneath the header where I can display text and products?

The page header should remain static at the top when I scroll the body area.

Thanks in advance for your advice.

OpenElement seems like a great tool and I would really like to get to know it well.

Thank you,

HPS



Back to Top
HPS View Drop Down
Newbie
Newbie


Joined: Jul 01 2018
Status: Offline
Points: 6
Post Options Post Options   Thanks (0) Thanks(0)   Quote HPS Quote  Post ReplyReply Direct Link To This Post Posted: Jul 01 2018 at 7:22pm
I found the solution to my problem.

Dmit OE posted the solution in another topic.  Thanks Dmit.

Path:  Forum Home > openElement > openElement General Discussion
Topic: Menu bar setup
Link:  https://forum.openelement.com/en/forum_posts.asp?TID=1300&title=menu-bar-setup

Solution:  
Add this CSS code block to your code.
I posted this in the <header>..</header> of my Home Page.

#WEfdcc4b9a6b {
  position: fixed !important;
  left:0 !important;top:0 !important;right:0 !important; 
  width: 100% !important;
  z-index: 1000000 !important;
}


Back to Top
HPS View Drop Down
Newbie
Newbie


Joined: Jul 01 2018
Status: Offline
Points: 6
Post Options Post Options   Thanks (0) Thanks(0)   Quote HPS Quote  Post ReplyReply Direct Link To This Post Posted: Jul 01 2018 at 8:07pm
Okay, not completely resolved, but this is a start.

My header remains static, but the text now scrolls over the header.  :/


Back to Top
Dmit OE View Drop Down
Admin Group
Admin Group
Avatar

Joined: May 31 2012
Status: Offline
Points: 5266
Post Options Post Options   Thanks (0) Thanks(0)   Quote Dmit OE Quote  Post ReplyReply Direct Link To This Post Posted: Jul 08 2018 at 2:06pm
Hi, (I was on holidays)

Please provide the link demonstrating the issue.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 10.11
Copyright ©2001-2012 Web Wiz Ltd.

This page was generated in 0,016 seconds.