Swapping headers

• 

  zeldinas · Member · Nov 28, 2018 at 8:33 am

  • Copy link
  • Add topic to favorites

  Hi all,

  I currently created 2 headers for my website. One with elementor & one with my theme (shopkeeper).
  I would like to use the elementor header on desktop, whereas for other devices I would like to show the mobile shopkeeper one.
  Unfortunately the elementor header seems to overwrite the shopkeeper one.
  I tried fixing it with this code:
  
  @media only screen and (max-width: 1026px) {
  .elementor.elementor-3100.elementor-type-header.elementor-location-header{
  display:none !important;
  }
  }

  But the shopkeeper header won’t show :(
  UNLESS i delete the elementor header template entirely from wordpress…. But the goal is to keep both.
  Any idea on how i can accomplish this?

  My Discord is “zelstar”.

• 

  fstat · Staff · Nov 28, 2018 at 10:39 am

  • Copy link

  Hi there,

  Looks like you’re in the wrong forum. It appears that you’re using the self-hosted version of WordPress and you need to seek help at the WordPress.org forums:

  https://wordpress.org/support/

  These forums are for WordPress.com hosted sites only. If you want to know more about the differences between WordPress.com and WordPress.org you can read this document:

  WordPress.com vs. WordPress.org