can not hover over and click through the drop down menu

Home Forums Spacious Free can not hover over and click through the drop down menu

This topic contains 13 replies, has 4 voices, and was last updated by  romosamatya17 3 years, 2 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1249181

    shrutisagar13
    Participant

    hi,
    my website is www.digitalmarketingvibe.com and i am using the spacious theme. I am unable to hover over and click through my sub menu. kindly assist me in fixing this small bug.
    Thank you.
    Shruti

    #1249253

    romosamatya17
    Moderator

    hi shrutisagar13,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    .main-navigation ul li ul {
      top: 35px;
    }

    Thanks.

    #1250076

    shrutisagar13
    Participant

    Hey! Thanks. It worked! 😀

    #1250232

    Craftingnirvana
    Participant
    This reply has been marked as private.
    #1250261

    Rabindra Tharu
    Moderator

    hello @shrutisagar13,

    Nice to know that the issue has been solved. If there are any further query regarding our theme, then, please feel free to post them.
    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
    https://wordpress.org/support/view/theme-reviews/spacious?filter=5

    Thanks!
    ThemeGrill Support Team

    #1250263

    Rabindra Tharu
    Moderator

    Hello @Craftingnirvana,

    Please allow us your running site link so that we can fix your issue as soon as possible. You will find the custom css box through Appearance-> Customize-> Design-> Custom CSS
    Thanks!
    ThemeGrill Support Team

    #1250284

    Craftingnirvana
    Participant
    This reply has been marked as private.
    #1250306

    romosamatya17
    Moderator

    Hi Craftingnirvan,

    .main-navigation ul li ul {
      top: 100%;
    }
    
    @media (max-width: 768px){
     .main-small-navigation a {
       font-size: 16px;
     }
    }

    Thanks.

    #1250332

    Craftingnirvana
    Participant

    Hey! Added it in the style css file. Worked!! Could you also tell me how to make background for drop down menu in a lighter color. Currently on large screen it is white background with black font colour which is perfect, but on small screen drop down menu background becomes dark grey and font color is blue ..

    #1250536

    romosamatya17
    Moderator

    hi Craftingnirvan,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    @media (max-width: 768px){
    .main-small-navigation li {
      background: rgba(255, 255, 255, 1);
    }
    }

    Note: change the value of rgba according to your need.

    Thanks.

    #1250585

    Craftingnirvana
    Participant
    This reply has been marked as private.
    #1250702

    romosamatya17
    Moderator

    Hi Craftnignirvan,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    @media (max-width: 768px) {
       .main-small-navigation a {
           color: #6f6f6f ;
       }
       .main-small-navigation li:hover a {
           color: #ffffff ;
       }
    }

    Thanks.

    #1250818

    Craftingnirvana
    Participant

    I am still struggling with my drop down menu-

    Now there are 3 items that change color on selection-one level above the secondary menu, the previous selection and current selection. Ideally drop down menu, only item that your are hovering over or selecting should change right?? this is confusing. please help me fix my menu. Thanks

    #1251225

    romosamatya17
    Moderator

    Hi craftingnirvana,

    Please make child theme and past this css code in style.css.

    .main-navigation ul li.current_page_ancestor >a,
    .main-navigation ul li.current-menu-ancestor a,
    .main-navigation ul li ul.sub-menu li.current-menu-item > a,
    .main-navigation ul li ul li.current-menu-ancestor > a {
        color: #8dacef ;
    }
    

    Thanks!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.