Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2016 at 2:48 am #596010
    Vicken

    Hi Team,
    Please see this demo I wany to have a front page just like this. However I do not want the white responsive navigation, I want to continue to display the image and transparent menu, as it shrinks. How can I achieve this? No matter what I am doing it is not work. Please help!

    March 10, 2016 at 3:43 am #596016
    Jordan

    Hey Vicken!

    Thanks for reaching out to us on the forum.

    To set up the Transparent Header you can follow this tutorial Intro to Header Configurator. This will carry you through the process of setting up the header to shrink and be transparent.

    Let me know if you need further assistance.

    Cheers!
    Jordan

    March 10, 2016 at 8:24 pm #596544
    Vicken

    Are you kidding me? This has a general overview and nothing to do with my question. Can you provide me an actual answer or do you not know what you are doing?

    March 10, 2016 at 11:48 pm #596614
    Jordan

    Hey!

    Sorry if I misunderstood your question. You wish to remove the white background when the navigation menu starts to shrink? If so, you can add the following CSS in the Quick CSS field under the General Styling tab in the theme options:

    .header_color .header_bg{
 background-color: transparent !important;
}

    Best regards,
    Jordan

    March 11, 2016 at 12:33 am #596630
    Vicken

    Hi Jordan,
    Thank you for the prompt reply. Your suggestion is not working. I even took a look further down the elements listed in inspector to see if maybe I did something through enfold-child css but nothing is preventing this.

    March 11, 2016 at 9:45 am #596779
    Vinay

    Hi!

    Create a new page use a color section or a full screen slider.

    From the page options in the right sidebar select transparent header.

    Once you got it setup like the demo we can provide you with custom CSS

    You need to tweak the CSS below to suit your design.

    
/* toggle menu viewport */
@media only screen and (max-width: 1024px) {
nav.main_menu {display:block !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:none !important; }
}

    If you have any issues we can setup the demo page for you please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Best regards,
    Vinay Kashyap

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