Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 18, 2014 at 1:30 pm #280530
    hicct

    Hi
    I’m using the header transparency option on the homepage and use an image as background – great effect.

    I have set a different logo and also changed the color of menu links but the menu links are not quit visible enough, and I really would like to have the option from the Flagship theme where the menu have a transparent background color. How would that be possible on the othervise great Enfold theme?

    Thanks

    June 18, 2014 at 1:32 pm #280532
    Yigit

    Hi hicct!

    Can you post the link to your website?

    Regards,
    Yigit

    June 18, 2014 at 1:38 pm #280533
    hicct
    This reply has been marked as private.
    June 18, 2014 at 1:42 pm #280534
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    nav.main_menu {
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
}
.header-scrolled nav.main_menu {
background-color: transparent;
}

    Best regards,
    Yigit

    June 18, 2014 at 1:43 pm #280535
    hicct
    This reply has been marked as private.
    June 18, 2014 at 1:54 pm #280538
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu>ul>li { padding: 0; }
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
float: left; }}

    Regards,
    Yigit

    June 18, 2014 at 2:10 pm #280550
    hicct
    This reply has been marked as private.
    June 18, 2014 at 2:17 pm #280560
    Yigit

    Hi!

    Please add following code to add padding to right side of search icon

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 14px;
}

    Other changes you have mentioned can be done but transition would not be as smooth. You can try with following code 

    .av-main-nav > li > a {
line-height: 30px!important;
height: 30px!important;
}
nav.main_menu { margin-top: 30px; height: auto; }

    Cheers!
    Yigit

    June 18, 2014 at 2:33 pm #280573
    hicct
    This reply has been marked as private.
    June 18, 2014 at 3:38 pm #280610
    Yigit

    Hi!

    Please replace 

    nav.main_menu {
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
}
.header-scrolled nav.main_menu {
background-color: transparent;
}

    with

    .home nav.main_menu {
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
}
.header-scrolled nav.main_menu {
background-color: transparent;
}

    Best regards,
    Yigit

    June 18, 2014 at 4:21 pm #280626
    hicct

    Hi Yigit

    Great, this works. This is 5 star support, just great.

    Thanks

    June 18, 2014 at 5:38 pm #280654
    Yigit

    Hey!

    You are welcome, we are always glad to help! :) Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Main menu issue with header transparency’ is closed to new replies.