1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Code to have background nav image reduce on devices

Discussion in 'Free Divi Community Forum' started by kayagirl, Nov 8, 2019.

  1. kayagirl

    kayagirl New Member

    Placed a image behind my nav but cant get it to reduce in size on different devices. Assume its needs additional CSS code, but newbie! Can anyone provide?

    Thx in advance
     
    #1 kayagirl, Nov 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help, Nov 9, 2019
  3. kayagirl

    kayagirl New Member

    bloomfacial.com

    Also, I uploaded custom font to use on sliders, but on my iphone and ipad it is converting to helvetica. Others have tested and it works fine. Is there code to use to make sure all devices see the same thing?
     
    #3 kayagirl, Nov 10, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. kayagirl

    kayagirl New Member

    Another problem, on the 'waxing' page, scroll down to pricing menu and theres a faint gray line around table, how do I get rid of it!!
     
    #4 kayagirl, Nov 10, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    I would suggest you to change a smaller width background image for mobile. You can use the CSS below to switch the background-image below certain screen size:
    Code:
    @media screen and (max-width: 800px) {
    #main-header {
        background-image: url('http://www.bloomfacial.com/wp-content/uploads/2019/11/header-bckgrnd.jpg')!important;
    }
}
    **Change 800px screen size to suit your need.
    Looks fine to me.
    I don't see any slider on your site. But for custom font issue, it's best for you to contact official Divi support about it: https://www.elegantthemes.com/members-area/help/

    **One thing you can check though: Responsive settings for the font (see screenshot below)

    upload_2019-11-11_11-53-46.png
     
    #5 Divi.Help, Nov 10, 2019
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
(You must log in or sign up to post here.)