Bad rendering in Firefox - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

May 28, 2015 at 8:24 am #450996

I’m having weird issues with the page rendering in Firefox. The same page(s) render well in Chrome and Safari. Can you check this out?

The weirdness should be readily apparent in the main menu and custom green header bar. In Firefox, it displays in a scrambled order all over the place.

I did create a custom header, so there might be an issue there with the ordering of divs(?).

Another artifact is that the “main” div seems to shift left or right for some reason.

Any clues would be greatly appreciated.

p.s. When I select text, I get a dark green highlight such that I can’t make out the text that is selected. Can you help me adjust the color one way or another?

May 28, 2015 at 4:38 pm #451258

Elliott

Inactive Moderator

Hey launchmoxie!

It looks like you’ve done quite a bit of customization there. This is bordering on custom work but paste all of the changes you did here and we’ll look over it.

Regards,
Elliott

May 28, 2015 at 11:00 pm #451465

launchmoxie

Participant

Thank you, Elliott!

I added this to a copy of header.php, to include a custom section:

<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>>

	<div id='wrap_all'>

	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'main-menu' );

	} ?>
	
	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'header-lower-bar' );

	} ?>
	
	<div id='main' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

	<?php do_action('ava_after_main_container'); ?>

Here’s the custom header, from the file enfold-child/includes/helper:

<div class="header-contact">
<span id="contact-form"><a href="/contact-us">Contact Us</a></span><br><span id="contact-email">at <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></span>
</div>
<div class="header-bar">
<div class="header-bar-section pure-u-1-4">
<form action="//debraandsheri.us10.list-manage.com/subscribe/post?u=3850847aaaf73a1105ba96488&id=3bf1df761e" method="post" id="ccoptin" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	<input type="email" value="" name="EMAIL" class="mailchimp" id="mce-EMAIL" placeholder="Join Our Email List">
    <input type="hidden" value="1" name="group[1249][1]" id="mce-group[1249]-1249-0">
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</form>
</div>
<div class="header-bar-section pure-u-2-4">
		<ul class="noLightbox social_bookmarks icon_count_6">
			<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1">
				<a target="_blank" href="https://www.facebook.com/DebraandSheri" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a>
			</li>
			<li class="social_bookmarks_twitter av-social-link-twitter social_icon_2">
				<a target="_blank" href="http://twitter.com/DebraandSheri/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a>
			</li>
			<li class="social_bookmarks_youtube av-social-link-youtube social_icon_6">
				<a href="http://youtube.com/channel/UClbqayOKoCk5HERSgHOK6Eg" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="YouTube"><span class="avia_hidden_link_text">YouTube</span></a>
			</li>
		</ul>
</div>
<div class="header-bar-section pure-u-1-4" id="header-bar-end">

<form action="http://www.debraandsheri.com/" id="searchform" method="get" class="">
	<div>
		<input type="hidden" value="" id="searchsubmit" class="button avia-font-entypo-fontello" />
		<input type="text" id="s" name="s" value="" placeholder='Search' />
			</div>
</form>

</div>
</div>

One of the things that’s odd is that the <div class=”header-contact”> is earlier in the code than the <div class=”header-bar”>, but in the Page Source, <div class=”header-contact”> appears after. What’s up with that?

Thanks again,

–Burt

May 29, 2015 at 7:08 pm #451764

Ismael

Moderator

Hi!

Maybe, you should include the additional containers inside the actual header container. You can place this code somewhere inside the helper-main-menu.php file:

if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'header-lower-bar' );

	} ?>

You have this code which is somehow, not working on firefox:

header#header {
    height: 185px;
    margin-bottom: -110px;
}

Cheers!
Ismael

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.