WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Overlapping, Donate Button Moved, Submenu Gone (7 posts)

  1. sjgarbutt
    Member
    Posted 11 months ago #

    Please Help Me. Thank you.

    WordPress 3.6.1. with child theme and firebug. Using Internet Explorer.

    Using Instant WP to build site so I cannot provide the Web site, it is not public.

    I am having overlapping issues with tagline on top of the logo. A donate button align right has moved and I can no longer see submenus. The tagline adjusted upwards and causing the entire site to be misaligned.

    On Firefox the site seems fine but not in Internet Explorer.

    Removed two plugins: one was an update and the other recently installed. That did not help.

    Firebug info:

    <head>
    <meta charset="UTF-8">
    <meta content="width=device-width" name="viewport">
    <title>CJC Foundation | For adoring love. For effectual inform. For fortifying heal.</title>
    <link href="http://gmpg.org/xfn/11" rel="profile">
    <link href="http://127.0.0.1:4001/wordpress/xmlrpc.php" rel="pingback">
    <link href="http://127.0.0.1:4001/wordpress/feed/" title="CJC Foundation » Feed" type="application/rss+xml" rel="alternate">
    <link href="http://127.0.0.1:4001/wordpress/comments/feed/" title="CJC Foundation » Comments Feed" type="application/rss+xml" rel="alternate">
    <link id="cudazi-scroll-to-top-style-css" media="all" type="text/css" href="http://127.0.0.1:4001/wordpress/wp-content/plugins/cudazi-scroll-to-top/css/widget.css?ver=3.6.1" rel="stylesheet">
    <link id="aiobtn-style-css" media="all" type="text/css" href="http://127.0.0.1:4001/wordpress/wp-content/plugins/all-in-one-buttons/css/display.css?ver=3.6.1" rel="stylesheet">
    <link id="twentytwelve-fonts-css" media="all" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext" rel="stylesheet">
    <link id="twentytwelve-style-css" media="all" type="text/css" href="http://127.0.0.1:4001/wordpress/wp-content/themes/twentytwelve-child-01/style.css?ver=3.6.1" rel="stylesheet">
    <link id="event-list_css-css" media="all" type="text/css" href="http://127.0.0.1:4001/wordpress/wp-content/plugins/event-list//includes/css/event-list.css?ver=3.6.1" rel="stylesheet">
    <script src="http://127.0.0.1:4001/wordpress/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">
    <script src="http://127.0.0.1:4001/wordpress/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1" type="text/javascript">
    <script src="http://127.0.0.1:4001/wordpress/wp-content/plugins/cudazi-scroll-to-top/js/widget.js?ver=3.6.1" type="text/javascript">
    <script src="http://127.0.0.1:4001/wordpress/wp-content/plugins/content-slide/js/coin-slider.js?ver=3.6.1" type="text/javascript">
    <link href="http://127.0.0.1:4001/wordpress/xmlrpc.php?rsd" title="RSD" type="application/rsd+xml" rel="EditURI">
    <link href="http://127.0.0.1:4001/wordpress/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml" rel="wlwmanifest">
    <link href="http://127.0.0.1:4001/wordpress/forms/" title="Forms" rel="prev">
    <link href="http://127.0.0.1:4001/wordpress/updates/blog/" title="Keep Up with the Joneses Blog" rel="next">
    <meta content="WordPress 3.6.1" name="generator">
    <link href="http://127.0.0.1:4001/wordpress/" rel="canonical">
    <script type="text/javascript">
    <style media="screen" type="text/css">
    <link href="http://127.0.0.1:4001/wordpress/wp-content/uploads/2013/08/favicon4.ico" rel="shortcut icon">
    <style id="custom-background-css" type="text/css">
    <link media="screen, projection" type="text/css" href="http://127.0.0.1:4001/wordpress/wp-content/plugins/easy-columns/css/easy-columns.css" rel="stylesheet">
    </head>
  2. Krishna
    Volunteer Moderator
    Posted 11 months ago #

    Can be a CSS issue. Revert to the parent theme and see if you still have problems.

  3. sjgarbutt
    Member
    Posted 11 months ago #

    Reverted to the parent theme and there is no problem there. What should I check in CSS to fix this problem? Any help is greatly appreciated.

    Thank you kindly.

  4. sjgarbutt
    Member
    Posted 11 months ago #

    Can someone please tell me if this is correct?
    This is what I have in CSS for the section that is overlapping:

    }
    .site-header h1 {
    Font-size: 24px;
    Font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    marigin-bottom: 1rem;
    position: absolute;

    }
    .site-header h2 {
    font-weight: bold;
    font-style: italics;
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.846153846;
    color: #CCCC00;
    position: absolute;
    }

    .logo2 {position:absolute; top:120px; right:150px;}

  5. Andrew
    Forum Moderator
    Posted 11 months ago #

    We can't see your issue, you need to link the page in question.

  6. sjgarbutt
    Member
    Posted 11 months ago #

    Thanks Andrew but as stated at the very top, I am using Instant WP to create this site and it is not public so it doesn't allow me to show the site. Hoping you can help me by looking at the CSS above and Header.php and let me know if there are errors. I appreaciate it.

    This is what's in my header.php:

    `<header id="masthead" class="site-header" role="banner">
    <hgroup>
    <h1 class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php theme_logo(); ?></</a></h1>
    <div class="logo2"><?php echo do_shortcode('[cjc_donatebutton align="right" animation="flash" color="red" size="small" icon="heart" text="DONATE" url="http://127.0.0.1:4001/wordpress/donate/"]'); ?></div>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>`

  7. sjgarbutt
    Member
    Posted 11 months ago #

    Krishna and Andrew Nevins I appreciate the time you took to assist me. I don't know what I did or how I did it but the problem has gone away (for good I hope).

    This support section is loaded with good, kind hearted people.

    Thank you very much.

Reply

You must log in to post.

About this Topic