Minimalist header on some pages

Hi!

I'm using the Transparent Header with a custom CSS and diferent pages for every part of the website. In one page I have a revolution slider, in other just a section with a background image.

I've tried the Minimalist Header in order to hide that background and every page is working fine. But in the posts page, as the Minimalist Header is on, category posts, posts and everything is showing under the menu with no space.

If I turn off the Minimalist Header, the posts/categories pages run fine, but the other pages are showing the background of the header. Is there any way to turn on/off the Minimalist Header in a particular page? If so... how is it done?

Sorry if I don't express this well and excuse me for my English!

Thanks in advance. Regards!

Comments

  • edited April 2015
    Let me show you what I mean.

    With Minimalist Header turned ON:
    Normal Page (no space under menu bar as needed)

    image

    With Minimalist Header turned ON:
    Posts Page (no space under menu, content not visible)

    image

    With Minimalist Header turned OFF:
    Normal Page (header background under menu, page not as needed)

    image

    With Minimalist Header turned OFF:
    Posts Page (background under menu, like it but affects other pages)

    image
  • Hi,

    this works properly of course. This is how transparent and fixed header works. Content is behind the slider always so all is good. If you don't like how it looks, we recommend to use another header layout. But to remove this background space in header (black one in your case) header minimalist option must be ON.
  • Yes, I was hoping for a magical possibility, hahahaha. I guess if I can turn minimalist header ON everything will work fine (I always can use Revolution Slider with one fixed slide to hide header behind).

    Regards!
  • Hello, Can I turn main minimalist option off for some specific pages ? ..
    thank you
  • @ahmadyousef You can do this with custom css only. Below we show us example of how such css should look like:
    body.page-id-xxx #Header { min-height: 0 !important; }
    where xxx is page ID.
  • Thank you so much ! ..
    Everything is possible with this amazing theme !!
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.