Viewing 9 replies - 1 through 9 (of 9 total)
  • Hard to tell without seeing your site — any chance you can show it to me?

    Thread Starter hazim.saleh88

    (@hazimsaleh88)

    hello again

    i had find out how to move the header with the menu but i lost the function !
    if you may check it http://www.ulricedahl.se/
    on mobile page its called main-header i think
    !
    thanks

    Thread Starter hazim.saleh88

    (@hazimsaleh88)

    hello again

    i had find out how to move the header with the menu but i lost the function !
    if you may check it http://www.ulricedahl.se/
    on mobile page its called main-header i think
    !
    thanks

    So from what I can see, you want to make the element sticky for screens smaller than 650 pixels wide.

    If you want to make the header sticky, you probably don’t need my plugin at all because the header is already at the top of your page to start with. You can just add this to your CSS code:

    @media (max-width: 650px) {
       #main-header {
          position:fixed;
       }
    }

    Let me know if that solves your problem.

    Thread Starter hazim.saleh88

    (@hazimsaleh88)

    Hello

    thanks for replay ,
    i tried to but it in my css but it doesn’t work !
    i even tried to put position:fixed; under main header block !
    also not working!
    here is my css file http://ge.tt/79bWdxX2/v/0?c
    if you can please take a look
    thanks

    I don’t see that code in your CSS file, but from what I can see, it’s a specificity issue. Try adding this to your CSS instead:

    @media (max-width: 650px) {
        body .et_fixed_nav #main-header {
            position: fixed;
        }
    }
    Thread Starter hazim.saleh88

    (@hazimsaleh88)

    hello again !
    i tried but still not working ,

    if i used the plugin i can make it sticky !
    but i lose the button click to show the menu ! it will not work !

    thanks

    My apologies, there was a small mistake in the code. Make sure there is no space between “body” and “.et_fixed_nav”. The correct code:

    @media (max-width: 650px) {
        body.et_fixed_nav #main-header {
            position: fixed;
        }
    }

    Give that a try and let me know if that works.

    Thread Starter hazim.saleh88

    (@hazimsaleh88)

    wow finally ,
    thanks alot its working
    sorry my php skills are so low .:P

    thanks .

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘menu name’ is closed to new replies.