Hi Ismail,

I’m using Enfold. Actually, I mentioned it at the start of my question. Enfold is a great theme and this is the second site I’m building with it.

Please note I’m OK with html and css, but know very little about php. Can you explain in more detail how I would follow your instruction to “use this code on your header.php.” I assume I would edit the header.php file, but would I insert a new line, and, if so, where in the file?

Thanks,

John

Thank you Devin!!
That worked great for the blog, but I am not sure how to apply it to my portfolio project pages, to which there are 12 and counting.
Any advice there?

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, 7 months ago by Jason.

If you had a stickied thread/new post notice with instructions, or auto-parser to do that with URLs, you may make your own lives easier and provide better support for your paying customers.

As you have not actually attempted to diagnose my problem at all (it has nothing to do with site plugins), I looked into it myself.

avia.js is adding a width parameter to the strong tag the site logo gets placed in. I have not debugged the function, but is occurring round line 224. For my site, the calculated value is 308px which is wrong, and stretches the logo. The function avia_responsive_menu is very different in 2.1 and does not exhibit this bug.

I would suggest you need to fix this bug in your base code with the next release of Enfold…

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

Hi Devin

THANKS, this works like a charme :-)
– and great with some extended info, I might learn some day – I hope :-)

Thanks a lot to your all for a great theme, and not least for your exelent support.

/Jesper

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.