I Want So Many Things Again: Menus…

Hey Halil,

Welcome back haha ??

To add the search bar, you’ll want to include it in the menu-primary.php file. You can add it right before the “#menu-primary” element. There’s also a get_search_form() function you can use to output a search form there. It will need a lot of styling, but the HTML and functionality will work right away.

For the Login menu item, you could add that inside the #menu-primary div in the menu-primary.php menu. Use the is_logged_in() function to either output a “Login” button or the user’s avatar, which you can get with get_avatar(). As for the horizontal scrolling, that is more complex than it sounds, but you can try a technique like this: https://css-tricks.com/pure-css-horizontal-scrolling/

I’m not sure how to integrate user accounts between WordPress and phpBB. It looks like there are some plugins that can help, but they haven’t been updated in many years. You could migrate from phpBB to bbPress, which is natively integrated with WP, and then all of your users would be saved in one place.

Thank you for your help. I can make these theme changes as I want.

I also want to add the dropdown on mobile to the phpBB section. But how can I get the correct codes?

I’m afraid I don’t have any easy way to share the code for that. I would recommend copying the HTML structure to start. The Javascript is pretty simple as it just opens and closes the menu, and if you don’t have submenus it will be much simpler. I’d also recommend checking out the menu styles here: https://github.com/BenSibley/Mission/blob/master/sass/_menu.scss

That is written in SASS, which is compiled into CSS. The syntax is almost identical, so it should be pretty intuitive to read even if you haven’t written SASS before. It is way cleaner and more organized than the style.css file in MN, which isn’t made to be read by humans.

OK. I feel like it’s going to get complicated. I can be content with the similarity of the menu on the desktop.

For now, this topic is settled. Thanks a lot for your help. ??

Sure thing, glad I could help out ??

Hello again Ben. I want to set a dropdown to the avatar in the menu. I used the codes here. But it didn’t work. No display; I don’t understand if css is interfering or JS is not working. Link.

Hey,

I can’t know for certain what’s happening without seeing your version of the JS, but I have a couple of ideas you could look into.

First, the avatar button is a link element, so you’ll want to change that to a button element or add this JS to prevent it from opening its URL:

e.preventDefault();

And second, the link element doesn’t have its own ID, so your JS may not be targeting it properly. Give the link a unique ID and then use that to fire the JS when it’s clicked.

Sorry for replying so late.

I found the cause of the error. By the way, the link I gave doesn’t work because the avatar will only be visible to logged in users. The reason for the error is that I call the avatar with php, and the code treats it as if it doesn’t exist.

<?php global $current_user; get_currentuserinfo(); echo get_avatar( $current_user->ID, 36 ); ?>

Actually there is an avatar, I can css edit it. but it does not detect its existence as code. If I put a dot instead it works.

do you have an idea?

Yea you can use the is_user_logged_in() function to check if they’re logged in already:

if (is_user_logged_in()) {
  // output the avatar
}

• This reply was modified 2 years, 2 months ago by Ben Sibley.