I'm interested in maintaining the highlighted components fixed at the top of the page to avoid overlapping with the text below during scrolling.
Explore more ideas here
Is there a specific code I can include in my "custom-msmbstyle.css" file to achieve this desired outcome?
https://i.sstatic.net/qMV4W.png
html:
<!DOCTYPE html>
<html lang="" xml:lang="">
<head>
...
</body>
</html>
css:
/* Custom styles for unique layout */
ul.navbar {
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0);
padding: 0;
}
.navbar .msmb {
padding: 0;
}
.title {
display: none;
}
.author {
display: none;
}
.build-date {
display: none;
}
/* Styling for GHRD&G Logo */
.msmb:after {
padding: 1em 0 1em 0;
float: left;
content: url(images/logo.png);
}
/* Adjust dropdown alignment for chapters list */
#TOC {
max-width: 55%;
}
.navbar .dropdown .dropbtn {
vertical-align: top;
color: #222;
}
.dropdown-content {
right: unset;
}