Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #266761

    Hi.

    1) I’ve used the following code in CSS to fix the header at 58px height. Unfortunately the pages still maintain a margin at the top, equal to the original height of the menu, which leaves a gap between the current header and the top of the page content. What code can I use to make the page top margin equal 58px?

    2) My menu (‘Logo right, menu left’) is not aligned with the 1030px page element width, and sticks out a bit to the the left (about 10px?). How do I change the header width to align perfectly with the page width?

    Thanks

    @media only screen and (min-width: 768px) {

    /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
    #header_main .container, .main_menu ul:first-child > li a {
    height: 58px !important;
    line-height: 58px !important;
    }

    /*header with social icons: */
    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
    height: 58px !important;
    line-height: 58px !important;
    }

    /*header with social icons and bottom nav */
    .bottom_nav_header.social_header #header_main .container {
    height: 58px !important;
    line-height: 58px !important;
    }

    .fixed_header #main {
    padding-top: 58px;
    }

    .fixed_header.social_header #main {
    padding-top: 90px;
    }

    }

    #267032

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    #268670

    Hi,

    http://danfarberoff.com/art/keimung/

    Password: SneakPeek

    Thanks

    #268690

    Hey!

    1- Please add following code to Quick CSS as well

    .html_header_top.html_header_sticky #main {
    padding-top: 59px;
    }

    2- Your logo image has whitespace on the right side – http://danfarberoff.com/wp-content/uploads/2013/04/ENFOLD-LOGO-NEW19.png
    Please edit your image and remove it

    Regards,
    Yigit

    #268912

    Thanks for the quick response Yigit.

    1- All good. Thanks.

    2 – the logo doesn’t seem to be the cause. The menu on the left still sticks out about 10px outside the page content width.

    Thanks

    #268919

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    .html_header_top.html_main_nav_header #top .av_menu_left .main_menu { left: -5px; }

    Cheers!
    Yigit

    #268926

    { left: 0px; } did the trick.

    Many thanks

    Dan

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Main menu alignment and page top margin.’ is closed to new replies.