Title: Need Help with Basic CSS
Last modified: August 30, 2016

---

# Need Help with Basic CSS

 *  [fingerlakesadvertising](https://wordpress.org/support/users/fingerlakesadvertising/)
 * (@fingerlakesadvertising)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/need-help-with-basic-css/)
 * I am trying to hide the main menu from my front page and my buddy wrote me an
   email on how to fix it but I am very very new so can someone walk me step by 
   step how to nsert the code he gave me?
 * About hiding the main menu only on the front page or homepage, what you can do
   is add an embed css to the homepage using the <style> html tags i.e
 * Add the following to the end of the homepage content while the page editor is
   in text mode:
 * <style> #site-navigation {display: none !important;}</style>

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [kmessinger](https://wordpress.org/support/users/kmessinger/)
 * (@kmessinger)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/need-help-with-basic-css/#post-6720752)
 * Someone may pop up here and help you with CSS and a child theme but it is not
   entirely likely as that is not the main focus of this forum.
 * As you use a commercial theme, you may find more assistance at [http://themeforest.net/item/flatsome-responsive-woocommerce-theme/5484319/support](http://themeforest.net/item/flatsome-responsive-woocommerce-theme/5484319/support)
 *  [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-basic-css/#post-6720859)
 * If you are trying to code HTML/CSS, it would probably be a good idea to get a
   good understanding of them.
 * There are lots of guides available, here is one for CSS:
    [http://www.htmldog.com/guides/css/beginner/](http://www.htmldog.com/guides/css/beginner/)
 * The best way to make changes like this to a theme is to use a child theme, so
   your tweaks won’t be overwritten when updating the theme. Here are some guides
   in case you haven’t made one before:
    [http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial](http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial)
   [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes)
   [http://op111.net/53/](http://op111.net/53/) [http://vimeo.com/39023468](http://vimeo.com/39023468)
 * You should also check this out for customizing your site.
    [http://themesandco.com/snippet/firebug-best-spent-6-minutes/](http://themesandco.com/snippet/firebug-best-spent-6-minutes/)
   [http://getfirebug.com](http://getfirebug.com)
 * Then to edit this editor is fantastic. You can edit multiple files at the same
   time.
    [http://notepad-plus-plus.org/](http://notepad-plus-plus.org/)
 *  [extensionly](https://wordpress.org/support/users/extensionly/)
 * (@extensionly)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-basic-css/#post-6720860)
 * You can try this:
 * insert the following in the functions.php file in the current theme directory.
   You can put it at the very end of the file.
 * function hide_my_menu_css() {
 *  if ( is_home())
    {
 *  echo “<style> #site-navigation{display: none !important;}</style> “;
 *  }
 * }
 * add_action( ‘wp_head’, ‘hide_my_menu_css’ ,100);

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Need Help with Basic CSS’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 4 participants
 * Last reply from: [extensionly](https://wordpress.org/support/users/extensionly/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-basic-css/#post-6720860)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics