editor
456
edits
m (fixing overflow problem with head navigation by adding positions and z-index) |
No edit summary |
||
Line 1: | Line 1: | ||
<div style="z-index: | <div style="position:relative;z-index:3;margin-bottom:60px;font-size:18px;font-weight:bold;height:70px;color:white;display:flex;flex-wrap:wrap"> | ||
<div style="min-width:170px;border-right:1px solid white;border-bottom:1px solid white;display:flex;align-items:center;justify-content:center;background-color:#996799">[[Logan Utah FamilySearch Center|<span style="color:white;">Home</span>]]</div> | <div style="min-width:170px;border-right:1px solid white;border-bottom:1px solid white;display:flex;align-items:center;justify-content:center;background-color:#996799">[[Logan Utah FamilySearch Center|<span style="color:white;">Home</span>]]</div> | ||
<div style="min-width:170px;border-right:1px solid white;border-bottom:1px solid white;display:flex;align-items:center;justify-content:center;background-color:#87b940">[[Logan_FamilySearch_Center/Discovery|<span style="color:white">Discovery</span>]]</div> | <div style="min-width:170px;border-right:1px solid white;border-bottom:1px solid white;display:flex;align-items:center;justify-content:center;background-color:#87b940">[[Logan_FamilySearch_Center/Discovery|<span style="color:white">Discovery</span>]]</div> | ||
Line 10: | Line 10: | ||
<!--announcement box---------> | <!--announcement box---------> | ||
<div style="position: relative;z-index: | <div style="position: relative;z-index:2;background-color:#E3F7D4;padding:20px;margin-bottom:20px;max-width:1200px;text-align:center;border:1px solid black;border-radius:10px;box-shadow:10px 10px 5px #888888"> | ||
<div style="position: relative;z-index: | <div style="position: relative;z-index:1;display:grid; grid-template-columns:auto auto"> | ||
<div style="grid-column:1/3"><span style="font-size:18px;text-align:center">'''Join Us at the Open House for our New Building'''</span></div> | <div style="grid-column:1/3"><span style="font-size:18px;text-align:center">'''Join Us at the Open House for our New Building'''</span></div> | ||
<div style="text-align:left">''Discover Your Identity and Connect With Others''</div> | <div style="text-align:left">''Discover Your Identity and Connect With Others''</div> |