Support » Fixing WordPress » Hiding part of banner image

  • Need to hide image between transparent navigation strip and content area on all pages except home page.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • I would check around for some kind of banner or inner page options. Maybe in The Customizer or in Theme Options where you would be able to remove whatever image is there now. That would be the best.

    Otherwise, in your Customizer CSS you could add this:

    body:not(.home) #inner-page-banner{ background-image: none; }

    If you want to get rid of the pink color too:

    body:not(.home) #inner-page-banner:after { background: none; }

    Thank you brother. But I’m looking to hide the portion below transparent part only. As you can see in this image: http://www.modernmowgli.com/wp-content/uploads/2017/09/Capture.png
    There is no option in theme for this, unfortunately. 🙁
    And, yes, it will be great if it is possible to get rid of pink color

    @sampreshan I see what you mean now. It looks like innerpage-head had a large padding height which we can reduce in a similar fashion as above which may achieve what you’re looking for:

    .innerpage-head { padding: 138px 0 15px; }

    The problem with that is it sort of messed up mobile so I’ve also supplied a bit of mobile CSS to help with that issue, as seen below. You should just be able to copy / paste it all into the Customizer css box:

    .innerpage-head { padding: 138px 0 15px; }
    
    @media only screen and ( max-width: 991px ) {
    	.innerpage-head { padding: 176px 0 15px; }
    }
    
    @media only screen and ( max-width: 767px ) {
    	innerpage-head { padding: 75px 0 15px; }
    }

    Hopefully that helps, if not lemme know!

    Wow, it’s great! 🙂 Thank you very much brother. I tried solving it for two hours before I got your help.

    Is it possible to remove pink shade also?

    Yes, mobile thing is creating problem. I’m planning to create another ticket for that. I had install responsive menu for it, and after deactivating, original theme menu is working fine in mobile also.

    Just checked on mobile. It’s not changed for mobile devices. Same extra part of image below transparent portion.
    It seems some issue is there with mobile related coding. 🙁

    This is a helpful thread. Thank you, TS!

    Can anybody help please?
    I’m messed up the header portion again. 🙁
    No animation working on Being a Mowgli and Contact Me pages, while it’s working on ABOUT TMM page.

    @sampreshan What animation are you referring to?

    First is padding thing, which is looking bad now. I also tried changing the codes you provided yesterday.

    Regarding animation: I might be using wrong terminology, but menu shrinks and logo goes to left while I scroll down. But, it remains static on pages I mentioned.

    @howdy_mcgee
    Can you help me with responsive menu and header thing please? No response from theme developers so far! 🙁

    @sampreshan Appearance -> Customizer -> Custom CSS add the following:

    .innerpage-head 	{padding: 140px 0 15px;}
    
    @media only screen and ( max-width: 800px ) {
        .innerpage-head {padding: 100px 0 15px;}	
    }
    
    @media only screen and ( max-width: 767px ) {
        .innerpage-head {padding: 72px 0 15px;}	
    }

    That should fix the header. I’m not sure what you need fixed with the responsive menu.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Hiding part of banner image’ is closed to new replies.