Need Help with Basic CSS

fingerlakesadvertising
(@fingerlakesadvertising)

10 years, 5 months ago

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
(@kmessinger)

10 years, 5 months ago

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

David_G
(@questas_admin)

10 years, 5 months ago

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/

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
https://codex.wordpress.org/Child_Themes
http://op111.net/53/
http://vimeo.com/39023468

You should also check this out for customizing your site.
http://themesandco.com/snippet/firebug-best-spent-6-minutes/
http://getfirebug.com

Then to edit this editor is fantastic. You can edit multiple files at the same time.
http://notepad-plus-plus.org/

extensionly
(@extensionly)

10 years, 5 months ago

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.

Need Help with Basic CSS

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics