Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Center Logo with Menu on Left and Contact Icon on Right

  • randika
    February 23, 2024 at 9:22 pm

    Hello GeneratePress Support,

    I’m seeking assistance with customizing the mobile layout of my website. I’d like to achieve the following design:

    – Logo centered at the top
    – Navigation menu positioned to the left of the logo
    – Contact icon button placed to the right of the logo

    This layout adjustment is intended specifically for mobile view. Your guidance on how to implement these changes would be greatly appreciated.

    Thank you for your support.

    Best regards,

  • David
    February 24, 2024 at 3:52 am

    Hi there,

    try this CSS:

    
@media(max-width: 768px) {
    .site-branding-container {
        margin-left: auto;
    }
    .site-header .inside-header {
        position: relative;
        padding-left: 61px;
    }
    .main-navigation .menu-toggle {
        position:absolute;
        left: 20px;
    }
}
  • randika
    February 24, 2024 at 5:21 pm

    Thanks David!

  • David
    February 25, 2024 at 8:58 am

    You’re welcome

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