ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• May 28, 2014 at 2:39 pm #78266
  gregcatmull

  Member

  Post count: 109

  Hi guys,

  could you provide me with some custom css to hide my background header on mobiles.

  cheers
  Greg
  shop.garsons.co.uk

  May 28, 2014 at 4:37 pm #78320
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I see that header background already hide in mobile view .
  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 28, 2014 at 5:27 pm #78335
  gregcatmull

  Member

  Post count: 109

  Sorry I need to it hide on tablets too

  May 29, 2014 at 5:55 am #78439
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this css code:

  @media only screen and (max-width: 1024px) {
  div#top-bar{display:none !important;}
  #header{background:none !important;}
  }

  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 29, 2014 at 7:03 am #78450
  gregcatmull

  Member

  Post count: 109

  cheers for this, could you please have a look at my website. My header is currently not responsive can I make this happen? shop.garsons.co.uk as I make the window smaller the whole website becomes responsive apart for the header background.

  cheers
  Greg

  May 29, 2014 at 7:29 am #78455
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach a marked screenshot so i can check and provide any possible . Just try this custom css code:
  #header{background-size:100%}
  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 29, 2014 at 7:36 am #78458
  gregcatmull

  Member

  Post count: 109

  attached images, the ‘#header{background-size:100%}#header{background-size:100%}’ code didn’t seem tot work unless I put it in the wrong place.

  cheers
  Greg

  May 29, 2014 at 7:42 pm #78843
  gregcatmull

  Member

  Post count: 109

  Any luck with this???

  May 30, 2014 at 10:23 am #79001
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  The code for the heade rshould be:

  #header {
    background: url("http://shop.garsons.co.uk/wp-content/uploads/2014/05/Header-01.png") no-repeat scroll right rgba(0, 0, 0, 0);
  }
  @media only screen and (max-width: 1024px) { 
   #header {
    background: none;
  }
  }

  – Kyle

  May 30, 2014 at 11:20 am #79048
  gregcatmull

  Member

  Post count: 109

  Works perfect… cheers
  Greg

  May 30, 2014 at 11:22 am #79049
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Neighborhood