Need help with CSS styling for my homepage layout

  • Unknown's avatar

    “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!”

  • Unknown's avatar

    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 */ }}

Log in or create an account to reply