Your address will show here +12 34 56 78

Home Forums WP ESTATE – Real Estate WordPress Theme FORUM Size sticky menu when you scroll

This topic contains 7 replies, has 2 voices, and was last updated by  Nicolas G. 3 years, 4 months ago.

  • Author
    Posts
  • #42799

    Nicolas G.

    Hello Anna,

    First, sorry for my english, i am french so…

    The menu decreases in size when you scroll. How to keep the same size when you scroll (logo and menu in sticky mode) ?

    THX!

  • #43081

    Anna
    Keymaster

    Hi Nicolas,

    You have to play a little with CSS. There are more elements you need to resize. I don’t know if adding these in custom CSS will do all you need. I use browser preview

    .branding_fixed {

    height: 112px!important;
    width: 100%;
    position: fixed!important;
    top: 0px;
    opacity: 0.95;
    transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;

    }

    .branding_fixed .header_social {

    margin-top: 44px;
    transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;

    }

    .branding_fixed #access {

    margin-top: 44px;
    transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;

    }

    .branding_fixed .logo img {
    max-height: 100%;
    }

    Thank you,
    Anna

  • #43276

    Nicolas G.

    THX Anna, it works 😉

  • #43566

    Nicolas G.

    Hello Anna,
    The header, even with the above code, decreases slightly in size, also as I use “dw promobar” the top of the logo is a bit hidden when I scrolled. How to make the header does not change at all sticky? Same height ..

  • #43746

    Anna
    Keymaster

    Hi Nicolas

    Send me a link to see how it looks now, after that CSS.

    The dropdown effect – that’s more complex to change. But I can at least help with the size.

    And I’ll ask the team about the effect – if you can modify it in any way.

    Thank you
    Anna

  • #43748

    Nicolas G.

    So i would like to keep the top bar sticky too (instead dw promobar), can you give me a css code to do that? Header+Topbar=sticky…
    THXX

  • #43843

    Anna
    Keymaster

    AA, I understand now. I don’t think it’s controlled from CSS.

    I will ask my colleagues to take a look and advise, to be sure. Will take 1-2 days to update this one.

    Thank you,
    Anna

  • #43879

    Nicolas G.

    THX, good support Anna 😉

You must be logged in to reply to this topic.