Menu Active & Hover Background Color

Home Forums All Other Themes Menu Active & Hover Background Color

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #177490
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Hi,
    is possible to set the Menu Active & Hover Background Color in transparent mode?

    Thanks

    #177526
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #177554
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Hi Chris,

    Website URL is:

    http://lnx.gransassoadventurepark.it/wp/

    the site is still in developing mode.

    Thanks

    #177641
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    #topmenu ul li.current-menu-item a, #topmenu ul li.current-page-item a, #topmenu ul li.current-menu-ancestor a, #topmenu ul li a:hover {
        background-color: rgba(104, 181, 56, 0.5) !important;
    }

    Regards,
    Chris

    #177665
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Thank you Chris,
    this was very helpful.

    Thanks

    #177778
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

    Regards,
    Chris

    #177936
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Hi Chris,
    i need to customize footer menu, but it is not present in the menu list and a message says that my theme supports only one menu’.

    Can you help?

    Thanks

    #177952
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly create a menu and add a menu listing to it, and put this shortcodes in the footer column.
    [footermenu menu="Menu Name"]

    Regards,
    Chris

    #177959
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Thank you,
    this solve the problem!!

    #177961
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Hi Chris,
    mobile menu’ stopped working without apparent reason, can you check please?

    Thanks

    #177985
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Are you using SKT Templates plugin? If yes.

    Kindly deactivate SKT Template plugin.

    Regards,
    Chris

    #177997
    Loredana SbrogliaLoredana Sbroglia
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: April 9, 2021

    Ok,
    SKT Templates Plugin disabled and mobile menu’ is working.

    Is possible to reduce the dimension of the logo in the header only for the mobile version?

    Thanks

    #178039
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .header.type3 .logo img, .header.type4 .logo img {
        width: 70% !important;
    }
    .header.type3 .logo img, .header.type4 .logo img {
        margin-top: 5px !important;
    }
    .header.type3 .logo img, .header.type4 .logo img {
        margin-bottom: 5px !important;
    }
    }
    
    @media screen and (min-width:480px) and (max-width:767px) {
    .header.type3 .logo img, .header.type4 .logo img {
        margin-top: 5px !important;
        width: 35% !important;
    }
    }

    Regards,
    Chris

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