Problem with CSS on chrome / firefox

  • Hi,
    I have created a custom theme and there is one section that is causing me problems… I have created a text area which overlaps the header. Looks ok on Firefox, but when viewed on Chrome the text falls out of position.

    Any advice would be greatly appreciated.

    Thanks
    Tony

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • No way to help without the code. Can you point to a page, or do a save-as and post the html as a static page somewhere?

    Thread Starter tonylees

    (@tonylees)

    Hi
    Sorry, the secion is on each page on the domain https://mardybums.co.uk/
    I have put an example of the problem here https://mardybums.co.uk/example/mcnics.pdf

    This site was created in Bootstrap 3 and then converted in to a wordpress theme.

    The container the text is within has an ID of top-banner and the CSS for this is 

    #top-banner {
    width: 966px;
    height: 132px;
    margin: 0px auto;
        margin-top: 0px;
        margin-bottom: 0px;
    background-image: url(../images/bg-page-title.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
    margin-top: -100px;
    margin-bottom: 30px;
}

    The text is in a div with an ID of title
    the CSS for this is 

    #title {
    width: 100%;
    margin-top: -10px;
    padding-top: 0px;
    float: left;
    text-align: center;
}

    Thanks
    Tony

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with CSS on chrome / firefox’ is closed to new replies.