ThemeShaper Forums » Thematic


Access bar backgroung JUMPS to the top (1 post)

(9 posts)
  • Started 10 years ago by omarelmasry
  • Latest reply from oakview
  • This topic is not resolved
  1. omarelmasry

    I am using the thematic theme for my website ... I have designed the header, and it looks good on the home page as in this figure

    ... BUT on all pages other than the home, the background of the #access bar jumps to the top like that , and covers the title :(

    although I am using the style sheet which is seen by all pages equally ...

    Why is that happening???

    Posted 10 years ago #
  2. CSS like this is hard to troubleshoot without a live link. It looks like a clearing or float issue, but it is pretty much impossible to help with just images. If you have a link or temporary place to set it up, that would help a ton in getting someone to take a closer look.

    Posted 10 years ago #
  3. omarelmasry

    this is my first website ... i am working on localhost ... i am not familiar with hosting yet :( ...
    BUT ... why does the style alter on other pages although they are reading the same style sheet???

    Posted 10 years ago #
  4. middlesister

    This might have to do with a SEO feature of thematic. On the home page, your blog description is wrapped in a h1. But on all other pages it is a normal div and the h1 is the page title of the content. This is for search engine reasons since they give extra weight to the headings and there can only be one h1 element in a html4/xhtml1 document.

    Of you haven't styled #blog-description specifically, then the extra bottom margin on h1 elements will disappear on all other pages since the h1 is now a div. I don't see a blog description in your picture, but if you haven't removed it through functions.php but used display:none to hide it, then I suspect this is the issue. Try giving #blog-description a bottom margin.

    Posted 10 years ago #
  5. omarelmasry

    @middlesister: yessss .. you're getting so close :

    after you mentioned the SEO thing, I tried adding a blog description to see what happens , I discovered that the blog description on pages other than the home converts to a div , and jumps to become beside the title :( ...

    I tried styling blog-description ... a bottom margin doesn't solve it ... and I tried styling it with display:block ... nothing happens (i guess it had that style in the first place ) ...

    I also tried removing the blog description using a function ... but that resulted that the home page, too, looks wacky like the others ....

    if you can, pleeeease help with the case that a blog description exists :).... any other ideas for it??

    Posted 10 years ago #
  6. do what scott suggests and get it live somewhere. we can probably fix it in a few minutes.

    sidenote- the 'weird' look you are seeing w/ blog description doesn't happen by default... so i'd look closely at the changes you have made and how you differ from the default layout.

    Posted 10 years ago #
  7. oakview

    I had a similar problem, but can't recall if it also involved the access bar, though I know it affected the blog description. I added the code below to my child theme function file and... problem solved. You might try this and see if it helps you, or at least sends you down the path to a solution.

    //First, remove the existing blog decription
    function remove_blogdescription() {
       remove_action('thematic_header', 'thematic_blogdescription', 5);
    add_action('init', 'remove_blogdescription');
    // Then, always wrap the blog description in a div
    function my_blogdescription()
    { ?>
    	<div id="blog-description"><?php bloginfo('description') ?></div>
    <?php }
    Posted 10 years ago #
  8. omarelmasry

    Thank you oakview ... although that solution drops the SEO advantage, but it worked perfectly :) :) ... just some css afterwards and the page looks goooood :D

    Posted 10 years ago #
  9. oakview

    You might try including an H1 tag inside the div and style the H1 tag uniquely in your CSS file so it doesn't jump around. Dunno if that will work, didn't try it. I would imagine you'll need to remove any clearing, margins, etc. and make the width fixed.

    <div id="blog-description"><h1 id="my-description"><?php bloginfo('description') ?></h1></div>

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.