[Resolved] Element Alignment

Home Forums Support [Resolved] Element Alignment

Home Forums Support Element Alignment

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #806440
    Paul

    Hi,

    What’s the best method to keep all elements vertically aligned – top bar widgets, logo, primary nav, content, and footer widgets.

    By default, the top bar widgets, logo, primary nav (via left/right link padding), and content do not align. See –

    Below 1140px, while the logo and content are aligned, the top bar widgets and primary nav are not.
    See –

    How can I keep these elements aligned until the mobile layout is invoked below 767px?

    Thanks,
    Paul.

    #806442
    Paul
    #806703
    Tom
    Lead Developer
    Lead Developer

    Hey Paul,

    Give this a shot:

    @media (min-width: 769px) {
        .inside-header {
            box-sizing: border-box;
        }
    
        .inside-top-bar, 
        .inside-footer-widgets, 
        .inside-site-info, 
        .inside-navigation {
            padding-left: 40px;
            padding-right: 40px;
            box-sizing: border-box;
        }
    
        .inside-navigation {
            padding-left: 20px;
            padding-right: 20px;
        }
    }
    #806804
    Paul

    Hi Tom,

    Perfect! Thanks for the quick reply ๐Ÿ™‚

    Paul.

    #806972
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

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