WordPress.org

Ready to get started?Download WordPress

Forums

Catch Box
Catch Box Theme Banner Width Not Working On Ipad, Iphone, Blackberry or Notepads (9 posts)

  1. ahoyroo
    Member
    Posted 1 year ago #

    Updated to the latest version of Catch box (1.5.6) but both before and after the change my website in development (www.fondofdobermanns.co.uk - user dogs password rescue) has a problem displaying on mobile or small screen devices.
    Should I code my banner differently with a fixed size (or max width) image? At the moment I have a banner 950px wide with the h1 id="site-title" and h1 id="site-description" appearing on top of that.

  2. Catch Themes
    Member
    Theme Author

    Posted 1 year ago #

    @ahoyroo: it's not the theme problem but the custom css in your child theme is the main problem.

  3. ahoyroo
    Member
    Posted 1 year ago #

    I've now published the website without username and password at fondofdobermanns.org.uk - I think the problem is that I cannot have an image in the header that is right aligned, only one that is left aligned? Having both seems to be the problem.

  4. shyamkrm
    Member
    Posted 1 year ago #

    @ahoyroo: In your child theme you have added the static header image and background as below:

    body {
        background: url("http://www.fondofdobermanns.org.uk/wp-content/uploads/subtle.jpg") repeat scroll 0 0 #000033;
    }
    hgroup {
        background: url("http://www.fondofdobermanns.org.uk/wp-content/uploads/head.jpg") no-repeat scroll center center #FFFFFF;
    }

    You need to delete this and add the Custom Header. See this http://en.support.wordpress.com/themes/custom-header-image/ to add custom header.

    And for the background, use Custom Background. See this http://en.support.wordpress.com/themes/custom-backgrounds/ to add custom background.

  5. ahoyroo
    Member
    Posted 1 year ago #

    Thank you @shyamkrm I have now done this.

    But - the site description and site title text now goes onto another line and I cannot seem to change it. I want the text to appear in the middle (next to the Custom Header image rather than underneath it).

    I'm sorry if this is basic CSS, but nothing I am trying seems to change anything.

    I'd also like to set a background image 'behind' the search box if possible, but I've tried setting this using my child theme Stylesheet and again none of the changes I am making seem to have any effect.

  6. Catch Themes
    Member
    Theme Author

    Posted 1 year ago #

    @ahoyroo: why don't you add the large image so that you have image below the search bar as well.

  7. ahoyroo
    Member
    Posted 1 year ago #

    @Sakin: thanks for your reply - I don't want to add a header image that is larger in terms of width than the recommended 300px wide because I want my layout to be 'reponsive' and shrink to fit screens on small handheld devices like Blackberrys.

    The main issue at the moment is on a normal size screen having the site-title and site-description on the same line as my logo rather than underneath.

  8. Catch Themes
    Member
    Theme Author

    Posted 1 year ago #

    @ahoyroo: No you wan add the large image and it will still be responsive. If you want to add the site title and description inline then you need to add that in Custom CSS box.

  9. ahoyroo
    Member
    Posted 1 year ago #

    @Sakin thanks again for your assistance. I am getting there - but it looks as if I have to make a choice between positioning the text (as now, latest revision this afternoon 24th December) in an ideal place for screens at 1280x768 and larger, or putting it (as seems to be default with no Custom CSS) underneath the header image.
    I know I could just have my text as part of the large header image but I wanted to try to code it separately.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic