New Landing How can we help? Themeforest Theme Support Neighborhood Hide header background on mobile

Viewing 11 posts - 1 through 11 (of 11 total)
  • #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

    #78320
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I see that header background already hide in mobile view .
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #78335
    gregcatmull
    Member
    Post count: 109

    Sorry I need to it hide on tablets too

    #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

    #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

    #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

    #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

    #78843
    gregcatmull
    Member
    Post count: 109

    Any luck with this???

    #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

    #79048
    gregcatmull
    Member
    Post count: 109

    Works perfect… cheers
    Greg

    #79049
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem ๐Ÿ™‚

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register