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 Adjusting Logo Size

Discussion in 'Basic Support Forum' started by WebmasterGuideLive, Apr 13, 2018.

  1. WebmasterGuideLive

    WebmasterGuideLive New Member

    Hello

    How to I adjust the logo size on the header? The logo at full size is: 338x53. I read your answer to this question:

    https://divi.help/threads/logo-size.450/

    I applied that code, but I'm not sure I'm doing it right. I'd appreciate any help, thank you.

    John
     
    #1 WebmasterGuideLive, Apr 13, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    First, you need to add this custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Next, you go to the Section Settings -> Advanced -> Column 1 Main Element & add width: 338px!important;

    If your logo already display nicely, then you can skip the step below:
    Go to the Row Settings for the Blurb Modules & increase the padding top and bottom.
     
    #2 Divi.Help Pro Support, Apr 13, 2018
    WebmasterGuideLive likes this.
  3. WebmasterGuideLive

    WebmasterGuideLive New Member

    Thank you for the feedback. I did what you instructed and it's working almost perfectly. I notice that when I watch my website on my smart phone or I reduce the size of my browser to mimic a smaller screen, the logo displays for the smart phone, way too small. Here is my website:

    http:/www.webmasterguide.live

    Perhaps you can test it out. I added the code you gave me in the last post and it did fix most of the problem, but it is shrinking a bit too much for smart phone screens. Thanks again.

    John
     
    #3 WebmasterGuideLive, Apr 13, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    In mobile, it uses the default Divi menu. If you wish to make the logo bigger in mobile, you should choose header style "Centered" for default Divi menu style. See the screenshot below.

    upload_2018-4-14_17-9-13.png
     
    #4 Divi.Help Pro Support, Apr 14, 2018
  5. WebmasterGuideLive

    WebmasterGuideLive New Member

    Ok thank you.
     
    #5 WebmasterGuideLive, Apr 14, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  6. Mark Dubis

    Mark Dubis New Member

    Another option is to put this code in the Divi Custom CSS and adjust the sizes as needed.

    @media only screen and (max-width: 981px) {
    #logo {
    height: 80px;
    max-height: 80px !important;
    padding-bottom:7px;
    }
    }
     
    #6 Mark Dubis, Oct 9, 2019
(You must log in or sign up to post here.)