Perhaps it is to do with the size of my logo image, or the number of top level nav items I have. Do your sample sites have a similar setup? The avia function I referred to seems to look at the width of the nav and logo before calculating a new width.

edit: to be clear, the value is dynamic, you will not find 308px anywhere in the code.

My guess is that it should only be shrinking the logo if there are too many nav items, but it’s been coded wrongly.

• This reply was modified 12 years, 5 months ago by Jason.

Here you go – goo.gl/YVd3dh

Ignoring those scripts, is there no way I can use the scripts powering the ‘back to top’ button that comes with the theme?

Scroll back to the top of the page. Use a screen width above 768px and below 1024px. Immediately after the page loads, the logo stretches wider. I have verified on multiple PCs using multiple browsers.

Do you think I would have opened this thread if this wasn’t a legitimate bug? Why aren’t you taking this seriously?

Just like when you click the #numbers on the top corners of these posts.

Aha, yes it was just cache’d really heavily. While I have you, I have another question…

I have all my links as in-page anchor links, like
<a href="#chapter3"></a>

and I really want them to be ‘eased’ when the page jumps like the ‘back to top’ button does. Is that something I can do? Is there a class which I can add to those tags to attach that animation?

Hi Guys!

I’ve got my site online:

http://entreventos2.lafabricadigital.com.mx/

Issues I’m having trouble with:

1. Menu Links: Placing cursor exactly over links does not work. Link is below type.

2. I used a smaller logo (227 x 123px) than the recommnded maximum size on the administrator theme options which is 340 x 156 px, nevertheless logo keeps resizing. I don’t want that because it loses resolution, original size is -almost- pixels perfect :)

3. On resposive, logo falls over my <div id=header-top>, also breadcrumbs and main container are not where they should be, For sure is the margin I’m using in desktop viewport.

4. Fixed Header with social icons and links falls over header-top image. Maybe client would request taht in the near future.

Maybe making header-top image responsive (reducing size as viwport changes) would help?

Here is the code:

Header.php

<div id='header' class=' header_color <?php avia_is_dark_bg('header_color'); echo " ".$headerMenu; ?>'>
        
        <!-- This is my extra div element-->	
        <?php echo '<div class="header-top"></div>'; ?>
        <!-- Ends extra div element-->

		<?php

		$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');

		//subheader, only display when the user chooses a social header
		if(strpos($headerS,'social_header') !== false)
		{
		?>

Custom CSS:

.container_wrap {
    border-top: none;
}
.header-top {
	position: relative;
	z-index: 400;
	width: 100%;
	height: 80px;
	background-color: transparent;
	background-attachment: scroll;
	background-image:url(../../themes/enfold-child/images/header_image_2.png);
	background-position: center top;
	background-repeat: no-repeat;
        margin-bottom: -50px;
}

.title_container{
        margin-top: 35px;
}

Needless to say I’m not sure if I’m doing this the right way. I’ll appreciate your help a lot.

Thank you, regards.

link instead – http://imgur.com/54XuWgd

Here’s a screenshot:

I want to move the “Culture, Truth, Life, Church” links to the left of the social icons.

Ok thank you! for the info and for the prompt reply!

At the moment the socket is above the social icons. The code here just moves the menu to the left, but does not align them vertically. How do I get them to be side by side?

Hello All,

I actually found the code from the forum that works: .fixed_header #main { padding-top: 65px; }

It has a slight border at the bottom, which I think is from the “main content” being a light BG color. Is there a way to remove it?