NJPADA

I really appreciate your help. As instructed, I put the following code you suggested into Themes/Customize/Additional CSS:

.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { right: 0;left: auto; }

It appears to work on both desktop and mobile devices.
However, on the deskstop, the position of the hamburger menu changes from where is is when one lands on a page to a new position as one scrolls down the page. The dropdown menu color block changes as well: a white border appears around the dropdown menu. If you go to the website, you can see what I mean.

Also, I’d like to make the dropdown menu narrower on the desktop and wider on the mobile device. Is that possible?


The following is in Appearance/Custom CSS. it’s probably something i copied from wome website when i was first trying to set up the website a few years ago. i have no idea if it is relavant or if this is what is causing my problems.

.primary-menu-container {
display: block;
width: 40%;
height: 10%;
}
.table,tr,td {
border: none;
border-collapse: collapse;
width: fit-content;
margin-left:0;
padding: 0;
}
.nav {
position:relative;
top:0;
}
.ast-header-break-point .main-header-bar {
width: 40%;
float: right;
}
.hide-section {
display: none;
}
Again, thank you for your knowledge and assistance. It’s vey much appreciated.

• This reply was modified 12 months ago by James Huff.
• This reply was modified 12 months ago by James Huff. Reason: fixed formatting
• This reply was modified 12 months ago by James Huff. Reason: redundant link removed

Just purged cache, all up and running normally now.

yes, the techie at Earthlink that helped me migrate my staging site put it there. As a novice, I’m too hesitant to move it for fear of screwing it up. Any suggestions?

t-p: Thank you for your response. I’m using WP twenty twentyone theme with Options for Twenty Twenty-One and Options for Twenty Twenty-One Premium plug-ins.

YogeshYadav: As a novice to website coding (this is my first website), I’m not sure where to make the change you are suggesting. Do I modify the theme (WP twenty twentyone) or just change “translateX” from (0) to (100)?