[Resolved] Header widget & Logo vertical alignment

Home Forums Support [Resolved] Header widget & Logo vertical alignment

Home Forums Support Header widget & Logo vertical alignment

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #438519
    Tom

    Hi Tom & crew,

    I apoligize if this has already been answered elsewhere, but I’m struggling to get the code right for this one.

    I’m trying to achieve center vertical alignment with my logo and header widget in the mobile responsive view. I’m also trying to remove unnecessary padding between the menu, the header-widget, and the logo.

    I’ve managed to get the widget below the logo using code from other support requests, but I can’t figure out what the rest (what I mentioned above).

    Thanks in advance,
    Tom

    #439033
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this CSS a try:

    @media (max-width: 768px) {
        .inside-header > * {
            margin-left: auto;
            margin-right: auto;
        }
    }
    #439045
    Tom

    Perfect! That’s center aligned everything πŸ™‚

    How about reducing the padding/margin between the call us and the menu?

    Cheers,
    Tom

    #439076
    Leo
    Staff
    Customer Support

    Try this:

    @media (max-width: 768px) {
        .inside-header>:not(:last-child) {
            margin-bottom: 0px;
        }
    }
    #439161
    Tom

    Amazing! That has worked. Thank you πŸ™‚

    Question unrelated to my site, how would recommend I brush up on my CSS & HTML skills so I can solve problems like these when they arise?

    Sorry if that’s a loaded question!

    #439202
    Leo
    Staff
    Customer Support

    We just use inspect element/developer tool from the browser πŸ™‚

    I learned the basics from this website: https://www.codecademy.com/

    #439203
    Tom

    Thanks Leo – appreciate the advice :-).

    #439204
    Tom

    Resolved

    #439215
    Leo
    Staff
    Customer Support

    No problem!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.