1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How to do centered header style on desktop and default header style on mobile and tablet?

Discussion in 'Free Divi Community Forum' started by Diane_c, Aug 22, 2019.

  1. Diane_c

    Diane_c New Member

    Hello, I am using the centered header style for my website. But on tablet and mobile version, I want it to be the default header style (aka logo on the left and hamburger menu button on the right) instead the centered style. I try to do it with css but I am facing two problems:
    1- the hamburger menu button on the right is not aligned vertically center in the header bar
    2- the logo on the left is also not aligned vertically center in the header bar and it shrinks to very small when it is on mobile
    Anyone knows how to fix this? header style problem.jpg
     
    #1 Diane_c, Aug 22, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help, Aug 22, 2019
  3. Diane_c

    Diane_c New Member

    #3 Diane_c, Aug 22, 2019
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Aug 23, 2019
    Diane_c likes this.
  5. Diane_c

    Diane_c New Member

    It works!!! Thanks for the help!!
     
    #5 Diane_c, Aug 23, 2019
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
(You must log in or sign up to post here.)