No sorry Yigit it has 3 problems:
– it doesn’t fit full width to match the header
– the padding shifts content to the right out of line with the header
– the color covers the header image
I have left the code in place so you can see it.
Thanks
Rob

Brilliant!
Thanks for your super-fast response.

Hi Rikard,

1. I have already got Advanced Styling ‘Main Menu Links’ set up and it works fine but only after you scroll down. I want the main menu links on the header to be the same. Scroll down and you will see what I mean.

2. If that css is incorrect what do I need to use to get the bar to show below the link as it does in the Enfold demo.

Thanks
Rob

Yes I do need help. It is still aligning left when set to max width as per screen grabs. None of the code you have sent has worked. I have only disabled max width as the client I am working for has a large screen and it looks terrible. If you can’t send me the fix without me breaking the site let me know but I have sent you the login for you to add the max width css yourself and try it.
Thanks
Rob

Sorry Andy that didn’t work.
I have renewed the login below if you wanted to have a play yourself.
Thanks
Rob

Thanks Andy nearly there.
It now works but it aligns to the left. It needs to be in the center above the rest of the site. In the color section the image is set to center center. What is the css I need to add to get it to align center? I tried adding margin: auto; but it didn’t work.
Your help is much appreciated.
Thanks
Rob

Sorry Yigit, I tried it but still not working :-(

Sorry guys what a numpty.
Log in below good for 7 days.
Thanks
Rob

Thanks Ismael that fixed it. I tried lightbox-added but not just lightbox.
Nice one
Cheers
Rob

Hi Ismael,
I haven’t added another lightbox plugin.
It is adding the”lightbox-added” class but it doesn’t seem to be working. This is the generated html for one thumbnail:
<a style="position: relative; overflow: hidden;" class="lightbox-added" href="http://goldhillmuseum.org.uk/wp-content/uploads/2016/01/Shaftesbury-War-Memorial-1.jpg"><img src="http://goldhillmuseum.org.uk/wp-content/uploads/2016/01/Shaftesbury-War-Memorial-1-80x80.jpg" alt=""><span style="display: none;" class="image-overlay overlay-type-image"><span class="image-overlay-inside"></span></span></a>
The only difference I can see is that it is within a custom post type called Stories. The rest of the theme functionality seems to be okay. This is the loop-index.php:

$content_output .= '<div class="story-images">';
$content_output .=  '<span></br><strong>Images: </br></strong></span>';
	if( $images ): 
	$content_output .=  '<ul>';
		foreach( $images as $image ):
		$content_output .= '<li>';
		$content_output .= '<a href="'.  $image['url'].'">';
		$content_output .= '<img src="'. $image['sizes']['thumbnail'].'" alt="'.  $image['alt'].'" />';
		$content_output .= '</a>';
		$content_output .= '</li>';
		endforeach;
	$content_output .= '</ul>';
	endif; 
$content_output .= '</div>';

Thanks
Rob

Thanks Yigit.
I have a custom post type set up
e.g. http://goldhillmuseum.org.uk/story/sidney-william-alner/
Uploaded images display as thumbnails. This is the code from my loop-index.php.

				$content_output .= '<div class="story-images">';
				$content_output .=  '<span></br><strong>Images: </br></strong></span>';
					if( $images ): 
					$content_output .=  '<ul>';
						foreach( $images as $image ):
						$content_output .= '<li>';
						$content_output .= '<a href="'.  $image['url'].'">';
						$content_output .= '<img src="'. $image['sizes']['thumbnail'].'" alt="'.  $image['alt'].'" />';
						$content_output .= '</a>';
						$content_output .= '</li>';
						endforeach;
					$content_output .= '</ul>';
					endif; 
				$content_output .= '</div>';

I was hoping that within the image link I could add a class or something that opens the images in lightbox and not full size as it does now.
Cheers
Rob

Hi Yigit
I can’t see what you but logo is working fine now with the array. I just need to add 2 more filters

1- to change the to the same logo on pages with /story/ in the address as well. (e.g. goldhillmuseum.org.uk/story/305/).

2 – as mentioned I want this one to work too:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() )
    {
    $logo = "http://goldhillmuseum.org.uk/wp-content/uploads/2015/06/gold-hill-museum-header-340x156.png";
    }
    return $logo;
}

Thanks for all your help
Rob

• This reply was modified 8 years, 10 months ago by fanlokbun.