I’m using the transparent header with some custom CSS that prevents the main logo from shrinking too much:
.header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
min-height: 100px !important;
}
#top .header-scrolled .main_menu {
margin-top: 5px;
}
However, this seems to have thrown off the positioning of the sub-menus and the accent line that appears under active links on the main menu. I am wondering how I can accomplish two things:
* Move the accent line up, so that it is about 10px beneath the main menu font.
* Move the drop-down positioning up, so that it opens at the same position as the accent line (10px beneath the main menu item)
Site linked below.
Thanks!
I have fixed the sub-menu positioning, however one issue that is persisting:
There is a 1px white line on the right side of the page – I believe this is caused by the full-width-slider that I am using underneath the transparent header. This white line only appears in the latest version of Firefox, see image linked below.
Is there a CSS fix for this particular problem?
Thanks!
Ryan
OK, upon further testing it appears this white line only shows at certain screen widths – and goes away occasionally. Any fix for this?
Also, can I specify a minimum-width for the responsive design? The layout doesn’t look good under 800 pixels wide.
Thanks!
Ryan
Solved, thanks.