Support » Theme: Buttercream » IE8 and below: the cupcake image overlaps the site title.

  • Resolved johnnycardy

    (@johnnycardy)


    On IE7 and IE8, the cupcake image at the top overlaps the site title. This isn’t happening in IE9 or IE10 or other browsers.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Moderator Andrew Nevins

    (@anevins)

    Do you have a section of the dashboard named, “Custom CSS” or “Edit CSS”? Or are you using a Child Theme?

    johnnycardy

    (@johnnycardy)

    I’m not using a child theme, I’m on latest WordPress and latest theme. I can customise it and probably fix it but I thought I should log it for Caroline to look at…is this the right place to do that?

    Moderator Andrew Nevins

    (@anevins)

    Caroline may fix this in future updates of the theme, but usually we can give you a solution prior to that or at least a temporary fix.

    The solution will require you to install this Custom CSS Manager plugin, it will be a CSS-based solution.

    johnnycardy

    (@johnnycardy)

    OK, that would be great!

    Moderator Andrew Nevins

    (@anevins)

    Let us know when you have that plugin installed.

    johnnycardy

    (@johnnycardy)

    I have it now.

    Moderator Andrew Nevins

    (@anevins)

    In the Custom CSS Manager section of the dashboard, enter this:

    #header-image img {
     float: left\9;
    }

    EDIT: Code amended, please retry.

    johnnycardy

    (@johnnycardy)

    Andrew, that fixes the issue in IE8 but not IE7 – I don’t really care about IE7 though. Thanks a lot for your help.

    Moderator Andrew Nevins

    (@anevins)

    Try this instead;

    #header-image img {
     float: left\9;
     *float: left;
    }

    johnnycardy

    (@johnnycardy)

    No luck that time.

    Moderator Andrew Nevins

    (@anevins)

    Looking into it thanks for highlighting 🙂

    Moderator Andrew Nevins

    (@anevins)

    Okay, forget all my previous code recommendations and use this instead:

    #header-image {
     margin-bottom: 0px\9;
     *margin-bottom: 0;
    }
    johnnycardy

    (@johnnycardy)

    That pushes the whole white main section down to below the header, and not just the image. I’m gonna stick with the previous fix because as long as IE8 is working that’s the main thing.

    Thanks again for your help!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘IE8 and below: the cupcake image overlaps the site title.’ is closed to new replies.