CSS Customiser not working correctly

• 

  kawliflowers · Member · Jul 2, 2023 at 5:16 am

  • Copy link
  • Add topic to favorites

  Hi There, I’m trying to add some media selectors for mobile optimisation.

  From what I can tell, the additional CSS I’ve added in the customizer works, but is being overridden by some other CSS styles.

  The selectors I’m trying to edit are the ‘Book Now’ buttons in the nav bar: (.mobile-remove and .mobile-appear)

  Any help would be greatly appreciated!

  Site: https://kitchiropractic.com.my/

  WP.com: Yes
  Jetpack: No
  Correct account: Yes

  The blog I need help with is: (visible only to logged in users)

• 

  saadahsan · Member · Jul 2, 2023 at 3:04 pm

  • Copy link

  Hello there,

  If you want to skip all overrides, add “!important” after desired value.

  Example:

  .mobile-remove {
      display: none !important;
  }

  And the last, don’t forget to refresh the browser cache after making changes to the CSS code by pressing the Ctrl + F5 keys if you are using Windows or by pressing the Cmd-Shift-R keys if you are using MacOS.

  I hope this helps.