Okay
  Public Ticket #2957513
Menu color & Video element
Open

Comments

  • Garv started the conversation

    hello,

    1. How to make the video elements autoplay? PFA for reference.

    2. How to change/keep the Menu text and hamburger colour when scrolling? PFA for reference.

    Attached files:  2-14jan.png
      1-14jan.png
      video-element-14jan21.png

  •  1,759
    Support Agent 1 replied

    Hi Garv,

    Please note that if the video is set as background video on section, it will be autoplay by default. 

    But if you want to add autoplay video some other way, you need to use the Text element and embed the video. In order to make it autoplay you need to add this on the end of the video URL:

    ?autoplay=1&mute=1
    2568956432.png
    8652072300.png

    Regarding the second question are you referring to the color of the menu and hamburger menu in the Sticky header?


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Garv replied

    Hello, thanks for the response.

    "Regarding the second question are you referring to the color of the menu and hamburger menu in the Sticky header?"

    yes, I am asking about the menu font colour (desktop) and hamburger menu in the Sticky header too. How to change the text and hamburger menu icon colour?

  •  1,759
    Support Agent 1 replied

    Hi,

    Please add the following CSS code:

    .btMenuVertical.btStickyHeaderActive.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before {
        border-top-color: red !important;
    }
     .btMenuVertical.btStickyHeaderActive.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after {             
        border-top-color: red !important;
    }
    .btMenuVertical.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before{
    border-top-color: red !important;
    }
    .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > a{
    color:yellow;
    }
    


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Garv replied

    hello,

    thanks for the code, it did some help, but when the screen is scrolled the menu is still not visible.

    please consider the SS for better understanding.

    Attached files:  sdfsdfsd.png
      fsdfds.png

  •  1,759
    Support Agent 1 replied

    Hi,

    Thank you for additional clarification.

    Please use the following CSS code :

      .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:before {
        border-top-color: blue !important;
    }
     .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:after {             
        border-top-color: blue !important;
    }
     .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before{
    border-top-color: blue !important;
    }



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Garv replied

    hello,

    thank you for the help, it worked and you are amazing. 

  •  1,734
    Support Agent replied

    Hi,

    You're welcome! Glad we could help. Let us know should you need any additional help.

    If you are satisfied with our support or you like our product, please consider leaving us a rating. We would really appreciate it! Thanks!

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!