Sticky Header and Top Bar that is responsive

  • Unknown's avatar
    superjessops · Member ·

    Hi! First of all, I’m new to WordPress and I have no idea of coding yet…

    For my first website, I’d like to know, how to get a sticky header + top bar, that is responsive. I’m sure that this can be done pretty easy using a css code.
    I’m using a futurio theme and Elementor (not Pro) and first of all I’ve tried to switch on “sticky main menu” in costumizer. Nothing happened.

    Then I’ve found the following code, to get my header (build on my own) sticky. The problem is, that now that I’ve entered the code, there is no top bar anymore. And when I minimize the browser window, the header is not responsive…
    I hope anyone can help my, I’m going crazy about this. I can imagine, that there is just something missing in this code.

    div.elementor.elementor-3003 {

    background:#fff;

    height:110px;

    z-index:170;

    margin:0 auto;

    border-bottom:1px solid #dadada;

    width:100%;

    position:fixed;

    top:0;

    left:0;

    right:0;

    text-align: center;

    }

    Thank you so much!
    – J

  • fstat · Staff ·

    Hi there,

    Can you please let me know your site’s address so I can point you in the right direction of getting support?

    Please note that these forums are for WordPress.com hosted sites only. If your site is using the open-source WordPress.org software you need to seek help at these forums:

    https://wordpress.org/support/forums/

  • The topic ‘Sticky Header and Top Bar that is responsive’ is closed to new replies.