Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 16, 2014 at 2:23 am #336491
    launchmoxie

    My client is particularly keen on this header layout, which crunches down nicely when the window narrows.
    Can we do the desktop layout, with the logo on the orange banner centered, and the form elements on either side? Also, the Main menu is broken into two pieces on either side, yet come together when the site is crunched.

    http://www.optimalaffectsigns.com/

    Thanks!!!

    • This topic was modified 10 years, 2 months ago by launchmoxie.
    October 16, 2014 at 3:00 am #336496
    launchmoxie

    So, I found how to add the log image into the menu.

    I saw on the optimalaffectsigns.com site, that they have some @media rules for showing or hiding the logo in the menu or above it. If you can help with that, I’d appreciate it, otherwise I’ll hack it out myself.

    I _do_ need help on how to remove the outline of the centered Main Menu items. Also, how can I color the Main Menu itself? Lastly, they have a colored outline on hover… can you suggest how to do that?

    Many thanks!!!

    October 16, 2014 at 7:21 am #336571
    Ismael

    Hi!

    Thank you for using Enfold.

    That header will require a bit of customization. You can remove the menu border with this:

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
border: none;
}

    Apply a background on the menu container with this:

    
#header #header_main_alternate {
background: orange;
}

    Use the menu ids to separate some of the menu. If you use firebug, the menu id will look like this:

    <li id="menu-item-3195"

    Best regards,
    Ismael

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