Customize new extra secondary menu outside theme

  • Hi,
    I have added an extra secondary meny that was not possible to add within the theme I have found how to do it on goggle and the menu is in place at the correct location.But I need to customize it so it looks better. It is the bottom menu in the header with webshop as an item in the menu.

    1. The sub items are all over the place under Inspiration ouch tips,
    How do I fix that?

    2. The white background behind the items that are written like webshop is rectangular and goes down ab bit on the the text V?lkommen till min sida below the menu. Can that be fixed?

    3. If I want to change the color of the menu text and the menu bar color, how do I do that?

    4. In the mobile version, tis extra menu bar shows up on top of the page making it rather ugly while the primary menu does not do that. Can one fix this?

    Below are the php codes I have used which I found on google.

    Regards Hans

    Extra navigation menu

    In Functions.php

    function register_my_menu() {
register_nav_menu('new
-
menu',__( 'New Menu' ));
}
add_action( 'init', 'register_my_menu' );

    Placement of bar in the header

    Header.php

    <?php wp_nav_menu( array( 'theme_location' => 'new
-
menu' ) ); ?>

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    I believe that all can be fixed with the right CSS. Use your browser’s element inspector developer tool to help you determine the right CSS. Any altered CSS can be added to the Additional CSS panel of the customizer and it should override the default CSS used by your theme.

    The sub-menu positioning is tricky to determine with the tool because the effect is invoked by script. If you avoid invoking the script by mousing over the menu item, you can get the errant sub-menus to display by adding a “hover” class (within the tool) to the menu’s overall <ul> element. You’ll at least need to change the positioning from absolute to relative.

    Colors ought to be relatively easy to fix using the tool. Moving the mobile menu is more involved because it’s intended to be fixed at the top. Not only do you change its positioning to relative, you need to set the top padding of the <html> element back to 0. The display of the desktop menu should be set to none in a media query for small screens so only the mobile menu shows.

    Thread Starter helmetoden

    (@helmetoden)

    Thanks bcworkz,
    I have checked the info with the Element inspector, but I do not know what to do with the information. How do I create CSS out of this for my issues? You seem to be very advanced. I also do not know how to fix the Submenu positioning, the colors and the mobil menu. Can you assist me in this?

    Thread Starter helmetoden

    (@helmetoden)

    I actually solved it installing Max Mega Menu. I thank you for your help

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize new extra secondary menu outside theme’ is closed to new replies.