How to properly achieve a fixed header position

  • Resolved WPuser_78

    (@wpuser_78)


    5 years, 8 months ago

    Hi,
    I’ve tried to fix the header in position using fixed !important as follow:

    .edge-page-header {
    position: fixed !important;
}

    but as soon as the left menu will open, the header will go up at scroll. Any thoughts for solving this issue? Thanks,

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    In other words, which properties did you applied on Toggle Bar position in order to remain fixed even on floated to the right in my case page please?

    I suppose that if I apply the same properties to my main theme header, will act into the same way … Thanks,

    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    The only main difference that I can see is related to the fact that your toggle-bar it’s an id # not a class .; but I’ve tried to change this in my theme, maybe I’m not so sure hot to do it … it’ doesn’t work.

    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    I’ve found the issue, is related to the fact that Lock scroll doesn’t apply on this new theme. Could you be so kind and have a look please, It will be great to have this effect at least to the header, I am interested to have the header theme fixed like the burger button when the menu is in expanded position. Any thoughts?

    I appreciate it,

    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    I’ve opened a discussion here.
    https://stackoverflow.com/questions/51678230/how-to-force-shiftnav-to-apply-lock-scroll-to-theme-header

    Plugin Author sevenspark

    (@sevenspark)

    5 years, 8 months ago

    Hi there,

    Fixed position elements will act as position:absolute within a transformed context. This is actually part of the CSS spec.

    In other words, you can’t have a fixed element inside an element that has CSS transforms applied to it.

    In this case, what you can do is disable the “Shift Body” setting. Without shifting the body content over via a transform, fixed position elements can remain fixed.

    Note the fixed position is not related to the “scroll lock” setting, which just has to do with overflow handling.

    Have a great weekend

    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    Hello there,
    Thank you for your feed-back; Actually, I’ve spend last 10 hours or so trying to find a solution just to disable the Shift Body, Are you kiddin’ me right? 🙂

    Look, I need an information not the easy way to approach this, I am stick” to this plugin because have a great functionality overall but on the other hand I’m not interested in have some fancy options and icons , etc on it, just to slide, pushing the content and to be able to let me customize the panel which it does.

    The strange thing is that I don’t have any conflict shown I’ve activated in wp-config.php

    define(‘WP_DEBUG’, true);
    define(‘SCRIPT_DEBUG’, true);

    On my old theme (Notio) everything was fine the header was fixed at pushed content, (Lock body enabled having the y-scroll disabled) I’ve tested earlier. I just want to know which part of the plugin or of the theme should I edit in order to be functional. Of course that will be some coding to do but It will be great if you have a look and tell me which sequence doesn’t fit in this particular case. Could you be so kind? 🙂

    If it’s a must, I’ll buy another license but to be honest, I don’t need extra options or whatever as I’ve said, more than that, in the past years, I didn’t bother you too much as far as I remember to have you support, despite the fact that I purchased the Pro version …

    Thank you,

    • This reply was modified 5 years, 8 months ago by WPuser_78.
    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    OK, how about the Burger menu!? it stay fixed no matter what … 🙂
    I suppose that there should be a way to make the header (not the entire wrapper or the wrapper including the header if that’s the easy way) to borrow the properties from the menu burger in order to act like him – is that a bad approach?

    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    Not so sure if you saw that above, I’ve said that I’ve found the issue, is related to the fact that Lock scroll doesn’t apply on this new theme. But starting from this point I have to find the workaround to solve this…

    • This reply was modified 5 years, 8 months ago by WPuser_78.
    • This reply was modified 5 years, 8 months ago by WPuser_78.
    Thread Starter WPuser_78

    (@wpuser_78)

    5 years, 8 months ago

    Ok, case solved. I’ve used the Toggle Content field in order to insert the logo link. Actually I remove the logo from the header and now it’s inserted into the Toggle Bar which is a nice solution, stay fixed no matter what + the content despite the fact that is shifted, could be scrollable.

    That was sooooo sooo hard, but we are …top coders – right ? or sales agents? 🙂
    I have an excuse but you .. ? 🙂 lol

    Thank you for your support, All the best.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to properly achieve a fixed header position’ is closed to new replies.