1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/

Code to have background nav image reduce on devices

Discussion in 'Get Help On Divi Wordpress' 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
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  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?
     
  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!!
     
  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
     

Recommended Divi Hosting