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.

Excellent! This worked to solve the problem. One question I have though, I am using the Child theme. As you may have seen we made some modifications to bring the content up into the slider. I want to make sure that if there are WordPress updates, and I update my Enfold Parent theme, that my custom changes will not be lost.

I know if I only update certain files, I would be safe, but on the last Enfold update, I just copied the whole Enfold folder and did overwrite all. If I do that again I would lose those avia.js changes. Is there an easy way to move that to the child theme?

Thanks again for you help! I love this theme.

-fjh

Thanks Yigit!

This doesn’t seem to solve the problem though. When you scroll down the page te background, logo and highlights stay static but the text links move upwards.

Any ideas?

Hi Yigit,

Thank you! I’ve upgraded to the latest version of WP and Enfold and things are working well now.

Really appreciate the fast response.

Jonathan