I wanted to have a fixed (sticky) navigation at the top of the screen appear after a person starts to scroll down, preferably with a slightly transparent and colored background.
Ideally, the menu font colors will be white, but when you hover over a parent category and a subpage appears in the drop-down I would like there to be the same transparent colored background behind it so the text is visible
Go to Appearance -> Customize -> Front Page Sections -> Jumbotron Section and choose Featured image as jumbotron ? . That way the top image will be set from the featured image, if no featured image set then the image from Appearance -> Header will took place.
Go to Appearance -> Customize -> Additional CSS, and add this,
#header .bottom-header h1 {
margin-top: 60px;
}
Can you tell me which button? For now the home page buttons shows just fine in mobile size layouts: http://take.ms/yK0Sr
Sorry for the delay. I think my initial question was fixed, but now when I am in a mobile view and scroll down the page and click on the menu button my navigation items do not appear.
You mean you on a mobile view, scroll below and click the hamburger icon and then there is no menu displayed? If so, the menu is displayed on the top of the site, maybe the CSS you’re adding for the fixed menu cause this, can you try remove that and see that fixes the issue?