Need to keep a small menu on a page with PHP action hook or CSS

Home Forums KLEO General questions Need to keep a small menu on a page with PHP action hook or CSS

This topic has 6 replies, 3 voices, and was last updated 7 years by Radu.

  • Author
  • January 4, 2017 at 05:57 #148663
     arbolife
    Participant

    Hi,

    I have a sticky menu that starts large and reduces after scrolling down.

    Now I have one page where I can’t have this behaviour and I need the menu to load in the smaller version and don’t change size. It needs to be sticky, but fixed height.

    I could approach this either in PHP or CSS. Can you please point to how I would get this done ?

    Thanks,

    Marc

    January 5, 2017 at 02:26 #148808
     Laura
    Moderator

    Hello, maybe with css, can you send me a link to the page?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    January 5, 2017 at 04:43 #148843
     arbolife
    Participant
    This reply has been set as private.
    January 5, 2017 at 23:17 #148982
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    January 6, 2017 at 18:18 #149090
     Radu
    Moderator

    Hi,

    Kleo theme adds header-scrolled class when the scroll it’s performed in page but in this case the scroll it’s happens in a certain div not for body of the page, I hope it makes sense.

    You can try to decrease the menu height using this

    COPY CODE
    
@media(min-width:992px){
.post-type-archive-gd_place #header .kleo-main-header .navbar-header,.post-type-archive-gd_place #header .kleo-main-header .header-banner, .post-type-archive-gd_place #header .kleo-main-header .primary-menu, .post-type-archive-gd_place #header .kleo-main-header .secondary-menu{
    line-height:70px !important; height:70px !important;
}
}

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    What support service includes ? What not ?

    January 9, 2017 at 03:01 #149222
     arbolife
    Participant

    Hi Radu,

    Thank you, this worked perfectly well.

    Cheers,
    Marc

    January 9, 2017 at 21:52 #149314
     Radu
    Moderator

    Great

    You’re welcome

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    What support service includes ? What not ?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘General questions’ is closed to new topics and replies.

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
wp-theme-installation-service

©2025 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?