Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 26, 2015 at 6:42 pm #402893
    onthespot

    hi

    i am creating a Coming Soon page – i want to retain my header with logo and social media icons but not show the menu so as to make other parts of the site innacessible. the page is currently just the default at http://www.onthespot.co.uk.gridhosted.co.uk/pages/blank/coming-soon/

    i tried using this css mod but it didn’t seem to work

    .postid-1248 nav.main_menu {
    display: none;
    }

    but i am not sure a) if that will work or b) i have the right post id. can you assist. thanks

    February 27, 2015 at 7:14 am #403205
    Rikard

    Hey onthespot!

    Your CSS looks correct, could you try to add !important after none? Also, where are you adding the CSS?

    Cheers!
    Rikard

    February 27, 2015 at 12:19 pm #403344
    onthespot

    hi rikard

    i’m adding it to the ‘Quick CSS’ box under General Styling.

    the !important didn’t seem to work. i never normally use page id’s – how do i check i am using the correct page id?

    thanks

    February 27, 2015 at 12:25 pm #403347
    Yigit

    Hey!

    Please use following code 

    .page-id-1248 nav.main_menu {
display: none!important;
}

    Best regards,
    Yigit

    February 27, 2015 at 12:48 pm #403366
    onthespot

    that worked – super – much appreciated

    holy mackeral! – i just put this in and it got rid of the footer as well

    .page-id-1248 #footer {
    display: none!important;
    }

    i should have been a coder ;-)

    may be useful for anyone else trying to create a coming soon page but wanting to keep parts of the header.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘hiding main menu on only a single page’ is closed to new replies.