Overlapping, Donate Button Moved, Submenu Gone

  • Resolved sjgarbutt

    (@sjgarbutt)


    11 years, 2 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="https://gmpg.org/xfn/11" rel="profile">
<link href="https://127.0.0.1:4001/wordpress/xmlrpc.php" rel="pingback">
<link href="https://127.0.0.1:4001/wordpress/feed/" title="CJC Foundation ? Feed" type="application/rss+xml" rel="alternate">
<link href="https://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="https://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="https://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="https://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="https://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="https://127.0.0.1:4001/wordpress/wp-content/plugins/event-list//includes/css/event-list.css?ver=3.6.1" rel="stylesheet">
<script src="https://127.0.0.1:4001/wordpress/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">
<script src="https://127.0.0.1:4001/wordpress/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1" type="text/javascript">
<script src="https://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="https://127.0.0.1:4001/wordpress/wp-content/plugins/content-slide/js/coin-slider.js?ver=3.6.1" type="text/javascript">
<link href="https://127.0.0.1:4001/wordpress/xmlrpc.php?rsd" title="RSD" type="application/rsd+xml" rel="EditURI">
<link href="https://127.0.0.1:4001/wordpress/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml" rel="wlwmanifest">
<link href="https://127.0.0.1:4001/wordpress/forms/" title="Forms" rel="prev">
<link href="https://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="https://127.0.0.1:4001/wordpress/" rel="canonical">
<script type="text/javascript">
<style media="screen" type="text/css">
<link href="https://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="https://127.0.0.1:4001/wordpress/wp-content/plugins/easy-columns/css/easy-columns.css" rel="stylesheet">
</head>
Viewing 6 replies - 1 through 6 (of 6 total)

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

    Thread Starter sjgarbutt

    (@sjgarbutt)

    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.

    Thread Starter sjgarbutt

    (@sjgarbutt)

    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;}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter sjgarbutt

    (@sjgarbutt)

    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=”https://127.0.0.1:4001/wordpress/donate/”%5D&#8217;); ?></div>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </hgroup>`

    Thread Starter sjgarbutt

    (@sjgarbutt)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Overlapping, Donate Button Moved, Submenu Gone’ is closed to new replies.