Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 26, 2013 at 6:18 pm #193523
    jvines

    How would I go about hiding the menu bar on 1 of my pages, but not on the rest?

    Many thanks

    November 27, 2013 at 6:10 am #193710
    Ismael

    Hey jvines!

    Can you please give us a link to the page that you want to hide the menus?

    If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

    On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. 

    .page-id-2251 .main_menu {
display: none;
}

    Regards,
    Ismael

    November 28, 2013 at 4:48 pm #194393
    jvines

    Thanks for that. The link is:

    http://www.vinesdrive.com/free-lesson/

    Thanks

    November 28, 2013 at 4:51 pm #194395
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .page-id-1081 .main_menu { display: none; }

    Regards,
    Yigit

    November 28, 2013 at 5:04 pm #194405
    jvines

    That worked thanks, however it didn’t have the desired effect as I didn’t explain myself very well..

    Woud it be possible to hide the entire Header bar on that page?

    Thanks

    November 28, 2013 at 5:08 pm #194407
    Yigit

    Hey!

    Sorry, please use following code instead

    .page-id-1081 #header { display: none; }

    Best regards,
    Yigit

    November 28, 2013 at 5:15 pm #194416
    jvines

    It was my fault!

    That’s great, many thanks

    November 28, 2013 at 5:19 pm #194420
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hide Menu Bar on Single Page’ is closed to new replies.