WordPress.org

Ready to get started?Download WordPress

Forums

Childishly Simple
[resolved] can I remove horizontal menu at the top? (10 posts)

  1. TonyWilliams
    Member
    Posted 8 months ago #

    I'm using childishly simple (and it is, well done!) and I'm putting my menus down the left hand sidebar. This means that I don't want the horizontal menu at the top of the page under the header image. How can I get rid of it?
    Thanks
    Tony

  2. mido116
    Member
    Posted 8 months ago #

    In your WordPress admin dashboard, under the menu "Appearance" click on "Menus", and if you have any elements on your menu just remove them. The menu won't appear on your site if it does not contain any elements.

  3. TonyWilliams
    Member
    Posted 8 months ago #

    Great that worked! But how do I raise the centre text element to the top now?
    Thanks
    Tony

  4. richarduk
    Member
    Theme Author

    Posted 8 months ago #

    What do you mean by the centre text element? If you post a link I might be able to help.

  5. cdrawdy13
    Member
    Posted 8 months ago #

    I think he means the main content area. I've been trying to figure out how to move it up myself. I want less space between the top menu and the main content area - any help would be appreciated!

  6. TonyWilliams
    Member
    Posted 8 months ago #

    @cdrawdy13 yes that's exactly what I mean! Glad to know you want to do the same. Let's hope someone comes up with the answer.

    Meanwhile here's a link to my extremely rough test site which I'm using to explore the possibilities of this theme.
    http://www.wordpresstest.thecapitalpartnership.co.uk/

  7. richarduk
    Member
    Theme Author

    Posted 8 months ago #

    Gotcha. Try this:

    div.header-container {display:none;}

    and this if you want to adjust the height:

    div.header-container {min-height:0;height:10px;}

    and if you want it on a specific page only then view source and look for the body element. Find a class in that body element that applies only to that page and put it in front. So for a body with following classes:

    <body class="home page page-id-72 page-template-default custom-background three_col_cont_middle gecko"> 
    
    body.page-id-72 div.header-container {display:none;}
    
    body.page-id-72 div.header-container {min-height:0;height:10px;}

    or I could have used the class home

  8. TonyWilliams
    Member
    Posted 8 months ago #

    @richarduk Sorry Richard I'm new to this where would that statement go? I'm using a child theme!
    Thanks
    Tony

  9. richarduk
    Member
    Theme Author

    Posted 8 months ago #

    @TonyWilliams see my updated reply above 'cos posts crossed.

    Makes no diff if using child theme, put in top options box either:

    'Add CSS, javascript or shortcode in the head element of all pages of your website'

    or if it's only for the home page

    'Add CSS, javascript or shortcode in the head element of the home page only'

    it'll look like this:

    <style type="text/css">
    div.header-container {display:none;}
    </style>
  10. TonyWilliams
    Member
    Posted 8 months ago #

    Great thanks that worked great!
    Tony

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.