Change to One-page
Support Area › Forums › Moonrise › Change to One-page
Tagged: One page
- This topic has 8 replies, 2 voices, and was last updated 8 years, 11 months ago by Bill Robbins.
-
AuthorPosts
-
April 18, 2015 at 08:17 #29029Anna Kristina Skaar OlsenParticipant
Hi Bill
1 How do i change to one-page on the Moonrise theme? I would like to be able to switch back and forth until our business is up and running, and we don’t need a complex site… with a one-page i dont have to duplicate the few pages I need now 🙂
2 how can i increase the space between the menu items?
(see screendump – is it any of these codes i can change?)3 When i bought Moonrise, it said I got two themes – how do i claim the other?
Have a great weekend 🙂
AnnaApril 19, 2015 at 13:14 #29043Bill RobbinsModeratorHello Anna,
Thank you for your business first of all. Excellent questions too. Let’s see if we can find answers for you.
Single Page Site
It sounds like you’re wanting to change the navigation menu so that it takes visitors to parts of your home page instead of separate pages. You can do that. Here’s how to do that:
- Go to the Appearance section in your WordPress dashboard and click on Menus.
- In the left hand column you’ll see an option labeled links. You can use this to create links to any URL you’d like to use. Click on that.
- In the URL field, remove the http:// that’s there by default and in its place add this:
#two
for the menu section of your home page. In the spot for the label, enter Menu there and then add the link to your navigation menu.
- Create as many other links as you need to. Each section of the home page can be linked to. They each have a unique ID that follows like #one, #two, #three and so on. Just use the corresponding ID to match the section you want to link to.
- Remove the inside pages that you’re not wanting to link to anymore.
- Save your menu when you’re finished.
That should give you a navigation menu for a one page site now.
Menu Item Spacing
It is possible to change the spacing of your menu items. Here’s how:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
li.menu-group-item { margin-bottom: 30px; }
- Change the 30px to the amount of space you’d like to have. I believe the default is about 20px.
- Update your settings.
If you run into any questions or trouble, just let me know.
Have a great week,
BillApril 19, 2015 at 13:17 #29044Bill RobbinsModeratorAlso if you’ll let me know which other theme you wanted, I’ll add it to your account for you.
Thanks,
BillApril 23, 2015 at 04:33 #29113Anna Kristina Skaar OlsenParticipantThank you Bill – I was probably vague, but I meant the space between the menu items on the navigation menu; see attached image.
I will return with theme, have to choose 🙂 thank you!!
Attachments:
April 23, 2015 at 05:03 #29115Anna Kristina Skaar OlsenParticipantAnd; see the screenshot here too – i need to move the text down (its hidden under the topbanner/menu)
Attachments:
April 23, 2015 at 10:16 #29127Bill RobbinsModeratorGood Morning Anna,
Sorry I picked the wrong menu there. You can change the spacing in the navigation menu. Here’s how to do that:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
#header #navigation li { margin-left: 25px; }
- Update your settings.
See if that gives you enough space. If you need more, increase the 25 in the snippet above to a larger number and try again. You may have to experiment just a bit to find the right fit.
Here’s one way to keep the header from overlapping the sections below when you click on the menu link. It makes the logo a bit smaller and moves the navigation up just a bit as the user scrolls. This also helps people on smaller screens too.
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
#header.movement #logo img { height: 100px; } #header.movement nav#navigation { margin-top: 70px; }
- Update your settings.
Let me know if you have any questions or trouble.
Have a great day,
BillApril 29, 2015 at 04:20 #29271Anna Kristina Skaar OlsenParticipantHi Bill
Thank you for all the help.
It is great fun working with your template!
I would like to ask for Umami as my nr.2 web – we are now distributing pasta and I think this site can be easier until we actually open a place 🙂Thank you again and have a great day!
Best
AnnaApril 29, 2015 at 04:23 #29272Anna Kristina Skaar OlsenParticipantAlso – I should take the opportunity to ask another question 🙂
Can I make the food items a link?
What i want is that people can click on a pastatype (say Linguine) and jump to either a page with a image and short description, or alternatively an image with description floating on top when they click?April 29, 2015 at 09:23 #29284Bill RobbinsModeratorHello Anna,
I went on and added Umami to your account for you. Hope the pasta sales are fantastic 🙂
You can turn the names of the menu items into links. Here’s how:
- Go to the Appearance section in your WordPress dashboard and choose Edit.
- From the list of files on your right, choose menu-group-list.php
- Look for this line:
<h4><?php the_title(); ?></h4>
and change it to be like this:
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
(Be sure to copy that code directly from the support site and not the notification email.)
- Save your changes.
If you run into any questions or trouble let me know.
Thanks,
Bill -
AuthorPosts
- The topic ‘Change to One-page’ is closed to new replies.