[The Art Theme] Sticky menu

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #201892
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 16
    • Replies: 46
    • Total: 62
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    Member since: August 16, 2013

    Hi,

    Yes, Kindly show us your website URL?

    Regards,
    Brad

    #201911
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 16
    • Replies: 46
    • Total: 62
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    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: 16
    • Replies: 46
    • Total: 62
    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: 16
    • Replies: 46
    • Total: 62
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    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: 16
    • Replies: 46
    • Total: 62
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    Member since: August 16, 2013

    Hi,

    This is done. Kindly check and confirm.

    Regards,
    Brad

    #202118
    RED PILL DesignRED PILL Design
    Participant
    • Topics: 16
    • Replies: 46
    • Total: 62
    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
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29276
    • Total: 29276
    Member since: August 16, 2013

    Hi,

    This is done.

    Regards,
    Brad

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