Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #276078
    bernabranco
    Participant

    Greetings

    Im trying to make the menu of business focus free theme sticky with CSS.

    I’ve tried:
    site-header{
    position:sticky;
    }

    or

    site-header{
    position:fixed;
    }

    But it seems to not work.
    How do I do this with this theme?

    Best Regards,
    bernabranco

    #276079
    bernabranco
    Participant

    ok it’s working now.

    Used:

    .site-header-main{
    position:fixed;
    width:100%;
    }

    #276080
    bernabranco
    Participant

    I spoke too soon 🙂

    So,

    In homepage .site-header-main appears to work but when you size down to iPad or mobile size it starts giving problems when you open the menu, such as close arrow disappears.

    And when you go to other pages, independent of screen size, menu functionality is gone, you can’t click on anything and it gives a lot of problems such as images overlapping on top of it.

    What is the correct way of putting this menu position fixed?

    Best Regards,
    bernabranco

    #276122
    Skandha
    Keymaster

    @bernabranco: Hello Bernabranco,
    Can you please post in your site URL so that I can look into the issue?

    Kind Regards,
    Skandha

    #276852
    bernabranco
    Participant

    here is the URL, thanks for such a fast response!

    https://youngstar.com.pt/

    Kind Regards,
    bernabranco

    #276968
    Skandha
    Keymaster

    @bernabranco: Hello Bernabranco,
    To make the menu sticky please use our plugin Catch Sticky Menu. Install and Activate the plugin.

    Then,
    Go to => Dashboard => Catch Sticky Menu => Insert Desktop Menu Selector and Mobile Menu Selector as #masthead. Change the Sticky Background Color and Sticky Menu Text Color as well as other options and Save Changes.

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘sticky menu business focus’ is closed to new replies.