- This topic has 6 replies, 2 voices, and was last updated 7 years, 11 months ago by Tom.
-
AuthorPosts
-
April 11, 2016 at 3:01 pm #186036Jamal
Hi Tom,
1.How can i remove the link in site title?
2. I would like to float menu right but below site title and logo (which are both centred and re-arranged using a function you provided)
3. Limit search box to width of menu items (When navigation is below or above menu)
4.Limit width of sub-menu items when using the horizontal alignment code you provided.
Too many questions i know,just point me in the right direction please.
- This topic was modified 7 years, 11 months ago by Jamal. Reason: Added more questions
April 11, 2016 at 9:59 pm #186073TomLead DeveloperLead DeveloperHi Jamal,
1. What function are you using to rearrange your header items? This will depend on that function.
2. I’m not sure what you mean – any examples
3. The navigation search? It will span the entire width of the navigation container – floating the navigation will make the width only as wide as the number of items.
4. Horizontal alignment code? Can I see an example?
April 11, 2016 at 11:29 pm #186093JamalI rearranged header elements using https://gist.github.com/generatepress/d58dd082dbd741943aee
Created horizontal sub menu with https://gist.github.com/generatepress/fc710ced4501566999fcWhat i was trying to do is have header on top and navigation below header but i would like the menu to behave like its floating right. I would like to avoid the navigation search spanning whole container width when navigation is below header. I hope im making sense π
In short is it possible to float navigation right and make it appear below header?
Would also like the horizontal sub-menu to float right when i chose to float the menu right. Im using this topic to learn more so i can use all the awesome combinations possible with this theme so bear with me please.
Some more questions:
5. How can i put border on whole of navigation?
6. Border on sticky navigation so it looks like http://oi63.tinypic.com/4uxhcp.jpgThanks very very much Tom π
April 12, 2016 at 9:55 am #186235TomLead DeveloperLead DeveloperAny chance you can link me to your site?
5. This CSS:
.main-navigation { border: 1px solid #222222; }
6. Couldn’t see a pic there?
April 13, 2016 at 11:32 am #186607TomLead DeveloperLead DeveloperOk, back to the first post in the topic:
1. In the code you’re using to rearrange items, find this:
<p class="main-title" itemprop="headline"><a href="<?php echo apply_filters( 'generate_site_title_href', esc_url( home_url( '/' ) ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
And replace it with:
<p class="main-title" itemprop="headline"><?php bloginfo( 'name' ); ?></p>
2. Currently your menu is floated to the right but above the header. Have you tried moving it below the header in “Customize > Layout > Navigation Position”?
3. Try this CSS:
.inside-navigation { float: right; }
You’ll have to adjust your margin-left: 600px CSS for the sub-menu.
4. The width of your sub menu items seem to be adjusting the amount of text. Looks pretty standard to me?
5. You can add a border to the sticky navigation like this:
.main-navigation.navigation-clone { border-bottom: 2px solid #222222; }
April 13, 2016 at 2:12 pm #186643JamalThank you very much Tom,you really are very helpful. I have got the look i wanted for now,really appreciated.
April 13, 2016 at 2:43 pm #186650TomLead DeveloperLead DeveloperYou’re welcome π
-
AuthorPosts
- You must be logged in to reply to this topic.