menu under the logo is not displayed correctly.
-
hi! I want to insert a menu below the site logo on a dark line. Fele header.php:
<div id="st-socialbar-wrapper" style="background:<?php echo get_theme_mod( 'social_bg', '#393c3f' ); ?> url('<?php echo get_template_directory_uri() ; ?>/images/socialbar-bg.png') repeat 0 0;"> <div class="container"> <nav id="site-navigation" class="main-navigation" role="navigation" style="margin-top:<?php echo get_theme_mod( 'menumargin', '0px' ); ?>"> <h3 class="menu-toggle"><?php _e( 'Site Menu', 'celestial' ); ?></h3> <?php wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'nav-menu' ) ); ?> </nav> <div id="st-socialbar">
I commented out the top menu. The result is as follows:
foto with problem
Can you help?PS sorry for my english, I translate with Google translator.
-
The problem is that in the small menu Clicking it does not show the submenu. There is only a menu button and nothing more. And The blue stripe is visible.
First, no need to apologize for your english because I am english and even I do not speak it very well.
For your request…Moving the menu is not easy and putting it where you want it is actually complicated because not only are you needing to modify the menu code, you also need to modify the css for it and the social networking bar as well. Unfortunately your request is related more to customizing the theme than support, so I won’t be able to help you out on this one….to show how this would be done would require a lot of tutorial instructions.
Thanks for the answer! I think if you remove your menu. Then shall insert the standard menu template and upload the plugin (which turns the menu on cell phones and tablets). is there a way out?
Question: to properly display the menu I need only edit the style menus.css. There are more files to be edited?
You can try to edit just the css part of the menu, but it’s going to be one of those trial and error type things. Try it, test it, fix it, try another…etc.
You do have the option of using a menu plugin if that works better for you, although you may need to adjust their styling to match the theme’s styling.
Either way, you have some work involved in doing this. If you really need this menu there, I could do it for you but then that would end up being billable time. If this is the route you choose, it’s best to contact me from my site because this forum is strictly for the free themes only.
However, try editing the css for the menu and see if you can get it as close as you can to what you want.
I started playing around with this for fun on the demo site, here’s the outcome.
Here’s the code. Will need to adjust the #site-navigation top value with @media query breakdowns.
#site-navigation { position: absolute; top: 120px; left: 0; background: transparent; width: 100%; margin-left: 0; } #menu-main-menu { text-align: center; } #breadcrumbs { margin-top: 50px; } #site-navigation li a { color: #999; }
hmmm….not bad actually. I look forward to seeing it when you are done.
batharoy, thank you. Yes, but with a small amount of the menu button, the menu does not work. Reduce your browser window and you’ll see the problem. the menu is always centered, as
position: absolute;
It will interfere with social networking buttons on the right.StyledThemes, thanks, but the installation menu is simple. I put in a standard menu and put the plugin for mobile phones and tablets. Result.
there is a blue bar under the menu, but it’s style and it is edited.sv9t, that blue bar I will assume is a margin on something, probably related to your menu which is pushing the showcase part down exposing the background of it. Looks like 20px on a bottom margin.
- The topic ‘menu under the logo is not displayed correctly.’ is closed to new replies.