michaelshulman

Hi backbone,

I never modified any js. I just added a plugin to do the smooth scroll, but deactivated the plugin as part of my investigation.

I don’t see how to do this in WordPress 5.0

In Menu, screen options show class. Add the class name to the menu item.

Are you referring to the Menus page in Appearance (https://montclairfarms.com/wp-admin/nav-menus.php), or on the post page itself (https://montclairfarms.com/wp-admin/post.php?post=386&action=edit). I don’t see any way to add a class name in either place.

On section page, you need to add the corresponding ID name at the location of the target. It can be as simple as, text mode, <h2 id=”your_anchor_name”>Text</h2> or use a transparent img.png, and add the id value to it, with less chance of being accidently deleted in an edit.

In 5.0, with Gutenberg, I can see the code for the body of the post, but there doesn’t seem to be a way to see the HTML view of the page title itself. Again, I’m trying to avoid modifying any javascript on the site, and I want to do everything through the UI.

Finally, I was able to solve my problem, by referring using “panel1” as the URL target in the Menu with a Custom Link menu item type. I was looking for a solution that used the page slug, for more flexibility.

-Michael

I think I fixed it!

I looked at the source, and found that the ID for the first content is “primary”, and the second is “panel1” and the ID for the Location page is “panel2”.

I set the targets in the theme menu to /#primary, /#panel1, and /#panel2, respectively, and now it works.

It doesn’t work when the user goes to the Recipes page, since that page isn’t a panel on the main page. I now need a way to create a different menu for the recipe pages, so I can use non-hash URLs in that menu.

Was this the correct fix?

-ms

Hi Backbone,

The front-page panel for the section is missing ID name.

Where do I set that? I don’t recall setting it for the Location page. Is it on the Gift page itself? Or should it be set by the theme when it assembles the page?

Are your using a third-party plugin or script for the smooth scroll-to effect?

Yes, I’m using the plugin scroll2id. It gives the smooth scroll effect. But even without the plugin, I see navigation to the Location page but not the Gift Page.

If you have some basic jQuery experience, modify global.js to create a full one-page navigation solution.

I don’t, I’m afraid. But the twentyseventeen theme is supposed to handle this, right?

A usability suggestion, set the link for Online Ordering scroll-to the section on page, and add a “home” link to return to the front page.

This is a good idea. But I don’t how to do it in the theme. The Online Ordering is the home page in the twentyseventeen customizer. How do I create a target on the Online Ordering section of the page? I don’t think I can apply a custom class to the Title block on a page, only to content blocks.

Thank you for the help so far, and I apologize that I don’t know how to implement your suggestions.

-Michael

• This reply was modified 5 years, 11 months ago by michaelshulman.

in your custom CSS, add

.entry-header {
   margin-bottom: 12px;
}

or whatever you want the space to be.

• This reply was modified 6 years ago by michaelshulman.

Note that this only happens if a menu is enabled. If the menu isn’t there, the secondary images aren’t clipped.

I don’t know about the logo size. You may need to create a child theme. I couldn’t quickly find a way to change the *height* with CSS – only the width. Perhaps you could modify the height of the surrounding <div>?

The easiest way to do this is to add custom CSS.

In the WordPress dashboard, go to Appearance, then Edit CSS.

Add a selector like this:

.site-title {
   font-size: 45px;
}

You should be able to search for the specific CSS you want to apply.

I ended up modifying the template-files/header.php to add the button code right inside the <h1> tag. It looks pretty good!
https://montclairfarms.com

I couldn’t see how to modify the template-files/header.php in a child theme. The articles I saw spoke about modifying CSS, not template-files.

Is there a good reference somewhere?

Thank you!
-ms

This is a good tip! Thank you.

Can I just copy the code from Chrome Developer toolbar view of the rendered page?

And I really do appreciate the help, and will try to be more patient.

Can anyone help?

Never mind. I figured it out.

Mailgun re-writes URLs in emails for tracking. I didn’t have a CNAME for mail configured in my DNS. I do now, and now I see the proper tracking.

-ms

Kathryn,

Thank you for the help. I saw the box to pick the posts page, but I couldn’t figure out how to make it work. It was actually easy, but hidden in plain site.

I made a new menu to help navigate, and created a “Reviews” menu choice.

https://wellproducedwines.com/

I’m very happy.
-ms

Thank you!

yes, I’m getting an email telling me that upgrades are failing. I have a ticket open with them, and I’ll pass along this info.

Thank you for your help!