Disabling New Responsive Dropdown Menu (5 posts)

  1. ehowey
    Posted 2 years ago #

    Hi Griden et al.,

    First of all this has been a great theme to work with. I have modified it pretty extensively to meet my needs and one of the reasons I chose it is because I do not like the user experience of hiding menu items when you goto a mobile page. I have reduced the menu items and created a responsive design in this way. With the newest version of Oxygen it automatically creates a dropdown "Menu" on mobile phones. I would like to just disable this and have it appear as it did before with "width: 100%; display: block;" menu items. The page I am working on only has 3 menu items on the mobile menu and so this dropdown actually makes the user experience worse. I am using a proper child theme to modify Oxygen. The site is in development right now so I can't give a live link to it unfortunately. Here is what I have tried so far:

    1. Commenting out navigation.js, this did not work just broke the menu completely
    2. Setting display: none; on the .menu-toggle class under the media query in style.css. This gives me no menu at all
    3. Deleting the following line from menu-primary.php "<span class="menu-toggle"><?php _e( 'Menu', 'oxygen' ); ?></span>". This does not seem to do anything.

    So far none of these are working for me. Is there a better way to do this? I thought it would be a pretty easy fix but it is eluding me right now. If I figure it out I will post here...

  2. ehowey
    Posted 2 years ago #

    4. I also tried commenting out the following line in functions.php " wp_enqueue_script( 'oxygen_navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20130301', true );" This just broke the menu again but I still got the wide "Menu" button when in mobile view.

  3. nsawen
    Posted 2 years ago #

    Have you found a way to change the color of the dropdown menus? I don't want this grey text on white background.


  4. ehowey
    Posted 2 years ago #

    You want to look for the following line in the style.css file:

    #menu-primary li ul {

    Change the background: #ccc; to whatever color you want it to be.

    Mine is a bit odd because I have customized the theme so heavily but something like the following:

    #menu-primary li ul {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #000;
    z-index: 100;

  5. nsawen
    Posted 2 years ago #

    I have tried doing that but I haven't had any results. :/

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.