How can I hide the Top Bar logo area for specific pages/posts?
HELP ME! I have a local real estate client's website I'm working on using BeTheme and Muffin Builder. I want to be able to make the "featured image" more visible "above the fold" and hide the large top logo area on posts showing her "featured properties" category/slug -- She is insisting on the logo being so large for some reason, so I can't redesign the logo as a small image size. I've tested my idea using Chrome Code Inspector as follows:
.header-stack.header-center #Top_bar .logo {
text-align: center;
display: none;
}
How can I apply the above code to Muffin Builder or Custom CSS to get the desired dynamic layout? Here is the post page I'm testing:
http://janiemerkle.com/7-mandrake-irvine-university-park/. Again, I just need to have a different top logo area for post type layouts.
Thanks in advance if anyone can provide a solution or work-around.
Best Regards, Chad, Mpower Web Solutions
Comments
to remove the Top Bar logo area from specific pages/posts, you need to use on of the following css`s:
.postid-xxx #Top_bar #logo { display: none !important; }where xxx is post or page ID..page-id-xxx #Top_bar #logo { display: none !important; }