Support Center Visit Demo License manager Buy @ envato

Header Removal While Keeping Action Bar?

hpprintandgraphicshpprintandgraphics
in Menu / Mega menu
Hello there,

I have removed header, logo and search button using following CSS code...

#Top_bar #logo { display: none !important; }
#Top_bar .menu > li.page-item-6 { display: none !important; }
 #Top_bar a#search_button { display: none; }

This seems to remove the whole header/action bar.

Can I remove just the menu and keep the action bar?

Nick

Comments

  • hpprintandgraphicshpprintandgraphics
    edited November 2014
    ***UPDATE***

    The follow custom CSS removes menu/header and allows action bar to remain.

    #Top_bar #logo { display: none !important; }
    #Top_bar { display: none !important; }
     #Top_bar a#search_button { display: none; }

    HOWEVER, I now have a new problem. The header image has moved up (due to lack of menu) and is hiding behind action bar.

    Need to know the class name for the header image so that I can add a padding.

    Regards

    Nick

    image
  • AlbertAlbert
    Without url to website we are not able to say what could be the problem.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • hpprintandgraphicshpprintandgraphics
    I just need to add padding to the header image... Please provide the css name for the header
  • AlbertAlbert
    Sorry but did you read our message above? Where is URL to your website?
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • hpprintandgraphicshpprintandgraphics
    The site is not live and is only in a local setup hence cannot give URL. Again please advise on the css name for the header.

    i.e. #Top_bar #logo controls the logo.

    Nick
  • AlbertAlbert
    Sorry but without that we are not able to check what could be the problem. Please let us know when website will be online and only then we`ll be able to help.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • hpprintandgraphicshpprintandgraphics
    Guys, comon...... its not rocket science! I am asking a reasonable question here, I expected a reasonable answer. I know the problem... I have removed top bar completely so therefore the next section down (header image) has jumped up the page. I simply need to know the css name for the header image as mentioned in my last comment.

    Just like the css name for logo is "#Top_bar #logo"

    That is all i need.

    Knowing the css name for the logo allow us to add padding to the logo, not display the logo (display none) etc....

    Just please let me know the css name for header image.

  • AlbertAlbert
    We think that you don`t know what you ask for... How can we know what this image is? How can we know how your code looks like? Maybe the problem is because of mistakes in html code? Or maybe 100 other things happen... And how can we know what exactly is wrong if we don`t see url? Please understand us that without url we can`t say how this can be done. We do not make magic and that`s why we need url.

    Thanks for understanding!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
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.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

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.