NJPADA
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Twenty Twenty-One] page alignmentThreadi, Just so you know, I’m not a coder! If anything, I’m coder’s worst nightmare! With no web experience, I volunteered a few years ago to manage this non-profit’s website. The website has evolved over time to what it is now via a lot of experimentation and trial and error. Google has been my mentor! Yes, I’ve copied CSS code from google searches and tried them out to see what works (without fully understanding whatI was doing), and I’ve made up my own code to accomplish some tasks like creating headings or text with various attibutes, or creating color blocks in which I can insert text. I don’t know all the conventions of HTML code, but i’ve been having fun. Up until two weeks ago, all pages were working fine. I did something to the Getting-Started page that caused the color blocks after the first color block to become narrower and not respond to screen size. All the other pages seem to work fine. Can you help me fix that?
I’d also appreciate any help you can provide with the menu. Why does its location change as i scroll down, and why, when it changes location, do the sub-menus not stay closed until i click on them?
And any other advice you can provide. Thank you, Frank
Forum: Themes and Templates
In reply to: [Twenty Twenty-One] Hamburger MenuI 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 2 years, 6 months ago by James Huff.
- This reply was modified 2 years, 6 months ago by James Huff. Reason: fixed formatting
- This reply was modified 2 years, 6 months ago by James Huff. Reason: redundant link removed
Just purged cache, all up and running normally now.
Forum: Fixing WordPress
In reply to: renaming website page urlsyes, 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?
Forum: Fixing WordPress
In reply to: hamburger popup menut-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)?