Need help with CSS styling for my homepage layout
-
“Hi everyone,
I am currently working on my WordPress site at https://igotucorp.com/ and I’m having trouble with some custom CSS.
On the homepage, the [mention an element, e.g., navigation menu / header / button] isn’t aligning correctly on mobile devices. I want it to look [explain how you want it to look], but right now it looks distorted.
Could someone take a quick look at the live site and point me toward the correct CSS classes I need to target to fix this?
Thank you!”
-
you’ll want to target the element’s parent container and apply a mobile media query to handle the alignment. For example, you can drop a clean fix like this into your Additional CSS panel: @media (max-width: 768px) { .your-target-class { display: flex; flex-direction: column; /* Stacks items vertically if they’re squished */ text-align: center; /* Centers text or buttons cleanly */ margin: 0 auto; /* Centers block-level elements */ }}