Light Header doesn’t align center in mobile

  • Resolved kevin2701

    (@kevin2701)


    1 year, 4 months ago

    Hi there, i have switched to light header to match my slider.

    Everything’s fine. But when i checkout with mobile, header doesn’t align center like in the picture below.

    My themes using WP Bakery

    Please help

    Thank you so much

    • This topic was modified 1 year, 4 months ago by kevin2701.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moin Ahmed

    (@moinrrahmed)

    1 year, 4 months ago

    Hi, I have an easy solution for this situation. Use the below CSS to have your header centered like this: Screenshot 

    @media (max-width: 480px){

.left-nav.barberry-navigation.mobile-nav.cell.auto {
    width: 20%;
    float: left;
    flex: 0;
}

.site-branding.cell.shrink.text-center {
    width: 40%;
    float: left;
    text-align: center;
    flex: 20;
}
    
}

    I hope this helps. Thank You & let me know if you need anything else.

    Thread Starter kevin2701

    (@kevin2701)

    1 year, 4 months ago

    @moinrrahmed Hi, it’s work.
    Thank you so much & have a nice day.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Light Header doesn’t align center in mobile’ is closed to new replies.