Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Transparent main menu + Colored Sticky Menu

I have two screenshot created with my change requests.
I just do not know how to implement it.
I need the right css adjustments. From the support I have received a few css codes, but these do not help.
Here are the two screenshots and the current CSS content.
It would be nice if you could help me with the right changes to the CSS.
It's about the page:

Greetings from Hannover (Germany)





  • Please sign in to see answear!
  • edited March 2018
    Hello and thanks for the info.
    The adjustments work in the Internet explorer. But no changes in Google Chrome.
    See himself : in IE und Chrome
    Greetings Daniel

  • Please sign in to see answear!
  • I answered them by mail.
    Unfortunately, it does not work even after deleting the cache.
    It does not work in IE + Chrome + iPad PRO Chrome + Safari.
    attached again all my CSS adjustments:

    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: rgba(255,255,255,0.3) !important;
    } {
        background: rgba(255,255,255,0.8) !important;

    /* Progress icons */
    .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.7); height: 40px; line-height: 38px; width: 40px; font-size: 24px; }
    .progress_icons .progress_icon:not(.themebg) { background: rgba(255, 252, 252, 0.3); }

    /* Form */
    .dark input[type="submit"] { color: #000000; font-weight: 700; }

    .header-transparent .menu_wrapper .menu > li:not(.current-menu-item) > a { color: #000; }

    .post-password-form {
        margin-top: 200px;

    #Top_bar a.responsive-menu-toggle i { font-size: 30px !important; }

    #Top_bar #menu { background: #000 !important; }

    div.pp_default .pp_nav { display: none !important; }
    div.pp_default .pp_description { display: none !important; }

    div.pp_default .pp_next {
        background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat !important;
        cursor: pointer !important;
    div.pp_default .pp_previous {
        background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat !important;
        cursor: pointer;

  • Please sign in to see answear!
  • where can i adjust the height of the semi-transparent background?
    is that possible without css?
  • Please sign in to see answear!
  • I'm trying to make the sticky header taller! How can I do that?
  • Please sign in to see answear!
Sign In or Register to comment.