Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 7, 2014 at 7:01 pm #221008
    Jay

    Hi Guys,

    I have inserted a custom mega menu into the theme which is working great. However i need the .bottom_nav_header.social_header .main_menu>div, to have a border-bottom that spans the full width of the page whilst keeping the navigation links width the 1030px container, is this going to be possible?

    Thanks in advance,

    http://uprisetestdomain.co.uk/clay-shaw-thomas/

    Jyles

    February 8, 2014 at 4:04 am #221095
    Ismael

    Hey Jyles!

    You can add the border on this selector:

    #header_main_alternate {
border-bottom: 1px solid red;
}

    Cheers!
    Ismael

    February 9, 2014 at 9:56 pm #221404
    Jay

    Hey Ismael,

    I was hoping to add the border to the following div ‘megamenu_wrapper megamenu_container megamenu_push’ but i cant seem to make it span the whole page, i realize this is a custom menu separate from the Kriesi theme however any help would be greatly appreciated.

    Thanks again,

    February 10, 2014 at 3:06 am #221483
    Ismael

    Hey!

    Can you please post a screenshot of what you’re trying to do? You can use imgur or dropbox to post screenshots.

    Cheers!
    Ismael

    February 11, 2014 at 1:08 pm #222195
    Jay

    Hey Ismael,

    Sorry for the late reply, please find a link to the sort of border i am trying to achieve with my custom megamenu.

    http://uprisetestdomain.co.uk/clay-shaw-thomas/cst.jpg

    Thanks again,

    Jyles

    February 15, 2014 at 5:53 pm #224373
    Josue

    Hey Jyles!

    Try adding this code to the Quick CSS:

    #header_main_alternate:before {
    content: "";
    height: 1px;
    background: rgb(206, 206, 206);
    display: block;
    position: absolute;
    z-index: 10000;
    top: 45px;
    width: 100%;
}

    Cheers! 
    Josue

    February 18, 2014 at 12:02 pm #225437
    Jay

    Hey Josue,

    And thanks for all your effort with this. Unfortunately i cannot get the above code to work, however i will try to hardcode something into the menu in order to mimic the effect.

    I am also wondering how i can disable the standard Enfold mobile navigation as the menu i am using has its own custom mobile navigation?

    Thanks again,

    February 18, 2014 at 5:02 pm #225559
    Josue

    Hey!

    This will do it:

    .mobileMenu {
    display: none !important;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘.bottom_nav_header.social_header .main_menu>div, full width border-bottom’ is closed to new replies.