Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #520387

    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!

    #520479

    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

    #520480

    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

    #521414

    Solved, thanks.

    #521537

    Hi,

    Glad you got it fixed :-)

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.