CSS Help requested to fix Classroom Blog theme

  • amakar

    (@amakar)


    12 years, 4 months ago

    Hi –

    I setup a blog for my wife called creativeclassroomhq.com so she could blog about teaching. I am using the theme: Classroom Blog 1.08 by Daniel Farrell which I found via the WordPress built in Theme search.

    The problem is when I try to use a custom menu vs. not specifying a menu.

    Currently the website is set to not use the custom menu and it automatically displays the pages correctly in a horizontal fashion at the proper position. However, I plan to have other pages and I’d like the control the menu using WordPress custom menu navigation.

    When activate the menu navigation, the navigation bar suddenly switches to a vertical menu and is not longer in the correct position.

    I’ve examined the code before and after the custom menu is applied and it appears new CSS classes are generated. I’m assuming it is a CSS problem. Any ideas on how to fix it?

    The HTML generated when the custom menu is applied and the CSS that controls the menu is below:

    HTML Snipped with Custom menu activated:

    [code moderated – please post a link to your site]

    The CSS that controls the menu positioning is:

    [CSS code moderated – please post a link to your site]

Viewing 5 replies - 1 through 5 (of 5 total)
  • kilmerj

    (@kilmerj)

    11 years, 7 months ago

    Were you ever able to resolve the issue? I am seeing the exact same problem.

    Mark Ratledge

    (@songdogtech)

    11 years, 7 months ago

    @kilmerj said:

    I am seeing the exact same problem.

    1) No one can help unless you post a link to your site.

    2) That theme hasn’t been updated in two years, so it is not WP3 menu wp_nav_menu function compatible and there will be CSS conflicts and display errors.

    kilmerj

    (@kilmerj)

    11 years, 7 months ago

    My site is http://www.mrskilmer.com/.

    I was reading a post here about adding support for wp_nav_menu. Does that look sufficient?

    Is there an easy way to resolve the CSS conflicts and display errors?

    Mark Ratledge

    (@songdogtech)

    11 years, 7 months ago

    Try adding wp_nav_menu that way and see what happens; remove the old menu CSS from the style sheet.

    You may have body class conflicts becuase you need to change to
    <body <?php body_class(); ?>> insead of <body> in header.php.

    Thread Starter amakar

    (@amakar)

    11 years, 7 months ago

    I gave up trying to get it to work.

    Instead, I’m switching to a WooTheme template since they have good support and I can still work with the header image/sliders, etc

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS Help requested to fix Classroom Blog theme’ is closed to new replies.