jord

Hello @twentig ,

The URL is https://ordia.com

Thank you.

Joe

Hello @nikeo,

I appreciate your very prompt response. One example of what I tried to do is to change the default hamburger icon in WP 2022 theme from 2 to 3 bars without a plugin. In the browser inspector I modified the SVG as follows, and it worked in the open browser.

<svg viewBox=”0 0 100 80″ width=”40″ height=”40″>
<rect width=”100″ height=”20″></rect>
<rect y=”30″ width=”100″ height=”20″></rect>
<rect y=”60″ width=”100″ height=”20″></rect>
</svg>

My question is how do I make the permanent change to my site WITHOUT A PLUGIN?

Thank you.

Hello Diane,

Thank you very much for your response.

I was able to get “Menu” after the hamburger by doing the following:

1. made a CSS class “menu-toggle”.
2. Additional CSS Class
`@media screen and (max-width: 768px) {
.menu-toggle:after {
content: ‘Menu’;
font-size: 14px;
}

One problem. The word “Menu” from the 2022 theme also appears below the 3 bar Twentig hamburger. If you turn it off, then the 2 bar theme icon shows.

If I could I would completely disable the theme mobile icon and text.

Thank you.

Joe

Hello @hyenokian

Thank you for your outstanding help. Mystery solved! The “Save as Default” button in the extreme right lower corner is covered and hidden by a large call out image “Ask a question” Please take a look. In my opinion, you may consider relocating that call out so that it does not hide a very important button.

Your fantastic work and support is greatly appreciated.

@jordia

Hello Jasmine(@hyenokian),

As usual you responded very promptly and with great information. Your knowledge and insight are very much appreciated.

Unfortunately, the screenshot is not showing.

Thank you.

Thank you Jasmine @hyenokian for your clear explanation and suggestion.

Hi @kharisblank,

I appreciate your reply. Your code worked after I added “menu-toggle” as Additional CSS class. Thank you.

I have WordPress 2022 theme. With regard to adding text to the Hamburger Icon, I added the CSS code suggested by Kharis, but no text appears before or after the icon. Any additional ideas will be appreciated.

Thank you very much for your response.

I was able to remove the top navigation by doing the following. Dashboard > Appearance > Edit Menus > create a new menu.

The new menu structure contains no items. Under Manage Locations set it as the Primary Navigation.

Keep the pages in Sidebar Navigation menu.

The method I described does not remove the menu bar, it just removes the items. I would be interested if someone has a method to actually remove the bar and contained items.