How to scroll header

  • Hello,
    how to make the header fixed and so always visible when you scroll the page?
    I tried to modify the following tag:
    #main-navigation{
    position:fixed;
    z-index:999;
    }
    and it’s ok but then i have the problem that the header goes out from the centered container. How can i solved this issue?

    Thank you
    Alessandra

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hi alederodesign,
    Would it be possible to put a link to your website here?
    Thanks
    Cheers
    TR

    Thread Starter alederodesign

    (@alederodesign)

    https://www.alesitiprova.it

    Hi alederodesign,

    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.
    I’m doing this on my testing server.
    It can get to some different behavior then here on my site.
    It can happen that it is not working.
    Then we have to look further.

    #main-navigation {
    height: 80px;
    z-index: 9999;
    position: fixed;
    max-width: 92%;
}

    or

    #main-navigation {
    height: 80px;
    z-index: 9999;
    position: fixed!important;
    max-width: 92%!important;
}

    Let me know, how it worked out.
    Cheers
    TR

    Thread Starter alederodesign

    (@alederodesign)

    Strange…if I put the override style in the child theme style.css it does not override

    Thread Starter alederodesign

    (@alederodesign)

    It works in Safari and Chrome but it doesn’t in Mozilla

    Hi alederodesign,
    I tried to open it in mozilla and you are right.
    BUT, when I used Chrome Viewport resizer It did same strange behaviour.
    This is maybe something for Theme developer. I would say, this theme is not responsive.
    Looks like, the menu is developed the way, that it does not hold itself properly.

    I installed this theme on my server and do not know how to help you.
    I was playing around for 2 hours and result is zero.
    Looks like to make the menu fixed causes just a lot of problems.

    I strongly recommend to delete all the suggestions I did here and try to talk to Theme DEVELOPER.
    If you would decide to go with some other theme, let me know. will help you to find the best solution.
    Cheers
    TR

    Theme Author Richie KS

    (@rkcorp)

    add this to child functions.php or wp-content/meso-custom-functions.php

    https://pastebin.com/ZB4piAiP

    Thread Starter alederodesign

    (@alederodesign)

    Hello,
    it doesn’t work.

    Anyway I have another issue: the hamburger menù in the mobile version does not appear as in the demo.
    I tried to disable the css custom i have created to see it is the problem but it seems it isn’t
    Someone can help me?

    Theme Author Richie KS

    (@rkcorp)

    mm.its working for me tho. the demo use latest v1.6.5 which not release in wp theme repo yet, download it on author site or theme svn.

    and in v1.6.5, you need to setup ‘mobile’ menu in location.

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