Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 7, 2016 at 6:18 am #657832
    InsightDezign

    Hi,
    To hide the header on a page I have done
    1. Hide Title Bar and Breadcrumbs
    2. Added the code to Quick CSS:
    .page-id-6130 #header_meta { display: none; }

    Still the header is there.
    And please, can someone tell me what the difference is between 1 and 2.

    Thanks,
    Jon Erik

    July 7, 2016 at 7:31 am #657847
    Basilis

    Hi Jon Erik!

    #header_main { }

    The class to hide the area is that one. The other you used is for the breadcrumb area.
    Let us know if that works out for you.

    Regards,
    Basilis

    July 7, 2016 at 9:15 pm #658220
    InsightDezign

    Thank you.
    That hid the title bar. Thank you.

    A couple of questions:
    – Should it not be enough to hide it on the actual page (choosing hide both under title bar setting). I really dont want to fill up Custom CSS if I dont have to.
    – It still left a white area with the menu line under. Any easy way to go full screen?

    Thanks,
    Jon Erik

    July 11, 2016 at 5:30 am #659075
    Ismael

    Hi,

    The #header_main is the container that contains the logo and the menu items. Is that the area that you want to remove? Choosing hide both under title bar setting will only remove the “title_container”. It is the container below the actual header. If you want to hide the header, set the Header visibility and transparency to “Hide header on this page” or set the page template “Blank – no header, no footer”.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.