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 Full screen(any screen) header & a few more questions

Discussion in 'Free Divi Community Forum' started by Maecy, May 27, 2019.

  1. Maecy

    Maecy Member

    I have an image with the size of 1685 by 1000 pixels that I set as the background image in the section where my fullwidth header is, how can I make it full screen in any screen and also responsive when viewed on mobile?

    my other questions are:

    1. I have have a css line on my header, and a link, how can I make it in the same line?
    2. How can I incorporate a new font to change the font family per section/row?

    For reference, here's my website: http://stage.uniquest.ae/wordpress/index.php/sample/
     
    #1 Maecy, May 27, 2019
    Last edited: May 27, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go to the section settings > Advanced > Custom CSS > Main Element & add min-height:100vh!important;background-position:right!important;
    Not sure what you meant by same line. Kindly elaborate more.
    You will need to change the font family in each module settings.
     
    #2 Divi.Help, May 27, 2019
  3. Maecy

    Maecy Member

    I want to have something like this : ---- About

    It works but the image gets too big and looks low quality. What size would you recommend so I can achieve this view: Screen Shot 2019-05-27 at 1.09.25 PM.png
     
    #3 Maecy, May 27, 2019
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For your line div, try to change your inline CSS to the below:
    Code:
    Log In or Sign Up to view this code.
    As for the p tag, right below the line div, add this as well:
    Code:
    Log In or Sign Up to view this code.
    No comment on this. You will need to try out which size works the best for you.
     
    #4 Divi.Help, May 27, 2019
  5. Maecy

    Maecy Member


    Thank you for your help!
     
    #5 Maecy, May 27, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)