[The Art Theme] Sticky menu

Home Forums All Other Themes [The Art Theme] Sticky menu

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #201892
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Hello Support,

    Is it possible to make the menu sticky on The Art theme. I mean just the menu, not the Site Logo or TopBar.
    I use Header Layout 3.

    Thanks in advance

    With regards,
    Hasso
    RED PILL Design

    #201896
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Yes, Kindly show us your website URL?

    Regards,
    Brad

    #201911
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Hi Brad,

    The URL is https://redpilldesign.nl/degierguitars/

    I have just sent a pwd reset for the SKT Support account.

    With regards
    Hasso
    RED PILL Design

    #201922
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly use this plugin to make menu sticky.

    https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

    Regards,
    Brad

    #201934
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Hi Brad,

    Awesome, I got the menu to stick. But the background is transparent. So when I scroll down and the background of the page has a lighter color the menu is badly readable.
    Is there a way to set the Menu Background Color? I don’t see that option in de Header Layout. There is one for the Sub Menu Background.

    Regards
    Hasso

    #201935
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    PS: I tried the following CSS. It sets the backgound when the page is loaded initialy, but disappears upon scrolling.

    .head_inner {
    background-color: #373737;
    }

    #201938
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

    #topmenu .menu-item { opacity:1 !important;}
    .has_trans_header .header.type3 #topmenu ul li a, .has_trans_header .header.type4 #topmenu ul li a { padding: 15px 20px;}

    Regards,
    Brad

    #201964
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Thank you Brad,

    But that doesn’t do the trick I would like to accomplish.

    When I use:
    .menu-item {
    background-color: #373737; opacity: 0.75;
    }
    It almost does what I want. Preferably I would like to have the entire menu bar full width to stay gray with an opacity of .75 when the visitor scrolls down and not just the menu items.

    Is that possible?

    Regards
    Hasso

    #202019
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

    We’ll check and revert back to you.

    Regards,
    Brad

    #202040
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    This is done. Kindly check and confirm.

    Regards,
    Brad

    #202118
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Awesome!
    Thank you Brad!!

    Just 1 more thing ;-):
    I would like to have the menu-item to become solid (opacity 1.0) upon hovering.
    I tried this code:
    .menu-item {
    background-color: #373737; opacity: 0.75 !important;
    }
    .menu-item:hover {
    background-color: #373737; opacity: 1.0 !important;
    }

    Also I would like the submenus to be solid as well, so I tried
    .sub-menu {
    background-color: #373737 !important; opacity: 1.0 !important;
    }

    But I must miss something, ‘çause it’s not working.

    Regards
    Hasso

    #202133
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    This is done.

    Regards,
    Brad

    #202147
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 31
    • Replies: 72
    • Total: 103
    Member since: May 16, 2020

    Thank you very much!
    But could you also tell me how you solved it, so I can learn and don’t have to bother you next time.

    Regards
    Hasso

    #202152
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    We have removed opacity on hover when the menu is getting sticky.

    Regards,
    Brad

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.