1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

CSS Code .. to make header logo bigger in mobile and desktop, need css code

Discussion in 'Basic Support Forum' started by Zalal Ahmed, Aug 6, 2018.

  1. Zalal Ahmed

    Zalal Ahmed New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Pls kindly send the css code to make header logo bigger in desktop and mobile
     
    #1 Zalal Ahmed, Aug 6, 2018
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your link.
     
    #2 Divi.Help Pro Support, Aug 6, 2018
  3. Zalal Ahmed

    Zalal Ahmed New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #3 Zalal Ahmed, Aug 6, 2018
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For desktop size:
    You can try to go to the top section settings & add width: 300px!important; to the Column 1 Main Element. See screenshot below.

    upload_2018-8-7_11-24-18.png

    As for mobile, try to add this CSS code:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Aug 6, 2018
  5. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Hey Zalal, I do this & it's work for me.

    I've created separate mobile logo, upload to your website and grab its URL.

    Custom CSS

    @media only screen and (max-width: 981px) {
    /* Changes mobile logo to specified image */
    #logo {
    content: url("http://site.com/logo.png");
    }
    }

    Note: remember to replace your logo image url :)
     
    #5 Joe Tiew, Aug 9, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)