1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: 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
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  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?
     
    1. AD Add over 2500 icons in Divi to create attractive web designs: https://divi.help/link-forums/divi-icons.164/
  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
     
    1. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/

Recommended Divi Hosting