Mobile footer menu – odd justification

  • Resolved jimithing007

    (@jimithing007)


    2 years, 3 months ago

    Hello,

    I’m having this weird issue where the footer menu on the mobile version of my site is justifying oddly. On the desktop screens, they are right justified, which is fine. On a mobile screen, it looks like the menu is trying to center justify, but there are some links that don’t quite line up correctly. I can’t quite figure out what the cause is – thoughts? Here’s a screenshot: https://pathogenfocus.com/wp-content/uploads/2022/08/Screenshot_20220802-140043.png

    While I’m thinking about it, another question – is there a way to center the “Sign up for our newsletter!” button on mobile screens? It’s left justified on desktop, which is what I want, but it doesn’t center on mobile screens. You can see it on the screenshot I’ve linked above.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    about the menu.
    In the submenus for example of Benefits is left a padding of 20px therefore it is not centered. I don’t know if there is a setting for this in the Customizer but with CSS it should work:

    @media (max-width: 921px) {.widget_nav_menu ul ul.sub-menu li {
    padding-left: 0px!important;}}

    About the button. You can try this:

    .wp-container-1 {display: block}

    Unfortunately I don’t know how you inserted the button. Maybe via a Gutenberg block. Unfortunately I don’t know anything about that.

    Regards

    Thread Starter jimithing007

    (@jimithing007)

    Thanks! I used the first code in the CSS to center the menu, and that worked great.

    As for the button, it is put in via HTML in a Gutenberg block. I think the issue is, I must have left justification selected, which looks fine on the desktop but not so great on the mobile. I don’t know if there is a way to have it left justified on the desktop, but center justified for mobile? Not a big deal, just a little nit-pick.

    Hi @jimithing007,

    While using custom CSS is also working, actually, I think you can achieve it without any custom CSS. Please refer to the following screenshots:

    Center the Copyright on mobile – https://share.bsf.io/E0uyx8Do
    Center the button – https://share.bsf.io/wbuX2Jj6

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter jimithing007

    (@jimithing007)

    There it is! That worked, I was able to center the button.
    I knew there had to be a setting somewhere:) Thank you!

    You’re most welcome, @jimithing007. Happy can be a help.

    Sorry for the delay, by the way. Feel free to start a new thread if there is anything else related to Astra we can help you with.

    Kind regards,
    Herman ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile footer menu – odd justification’ is closed to new replies.