Forum Replies Created
-
Posts
-
Hi Andy,
That removes the ‘extra’ menu items, but I need them on some pages. Is there a way to do this just for the search results page?
Background:
My main menu has most things listed in it twice. On a per page basis, I show one or the other. On the home page, the item links to a # on the page, e.g. on the Home page, clicking on Clients in the main menu goes to #Clients a bit lower down in the home page. When there, clicking on one of the clients, will take you to a more detailed page /clients. Now, on this page, the main menu has the same items in, but the links go to different pages (I can’t use the anchors anymore as they only exist on the home page).On each page, I can control what menu items I display (from my 2x list). But I can’t control the search page. The CSS you mentioned, sorts out the search page, but breaks the other pages….
Hi Ismael,
I was in a bit of a rush when I posted that and I probably didn’t describe things very well.
By in page search, I mean’t using the search icon on the top right of the page. Search for anything and when the search results come back, you will see that the main menu has a double entry in (my full main menu, unfiltered because I’m not sure how I can employ the “Page Specific Menu Items” plugin to the search results page).
I’ve not tried that plugin you mentioned, but the one I am using is similar in that it allows you to adjust the main menu on a per page/post basis. The problem is that the search results page isn’t a page or post of mine, so I don’t have control (do I?).
Rob.
Hi Ismael,
In the end, I re-did the page to remove the layer slider from the other places and stuck to just using the colored sections, which works fine. I didn’t try the specifics in the link you mentioned, but if I hit this issue again, I’ll see if it helps.
It all seems to work fine, it’s just that something causes problems if you have more than one advanced layer slider on the page.
Update 2:
I have found the problem. It’s to do with the advanced layer slider.
I broke my homepage into sections using a combination of Coloured Sections and Advanced Layer Sliders. If the only layer slider on the page is at the top, and everything else is sectioned with a colour section, everything is OK. The problem is, I want the advanced layer sliders in there as I can’t get the layout I want using regular sections. I’m going to have to do some hacking to see if I can find a work around.
In the mean time, it would be good if someone here could work out why the main menu ‘selected item’ highlight doesn’t play nice with the advanced slider.
As an update, I’ve been inspecting what’s going on and it looks like the JS is triggering “current-menu-item” in odd situations. For example, as you scroll down the page slowly, I’d expect there to be just one current-menu-item and for it to be related to the section you are in. But, as you scroll down I see current-menu-item being applied to odd li items.
I tracked down a couple of issues and fixed them, but I’m still having problems. The main one now seems to be that as you click on a new item in the menu, the old one isn’t ‘un-highlighted’
Also that the menu item called R&D doesn’t work like the others at all. Could this be because of the & in the name?
Well, I was about to say “yes I have and it doesn’t work”. I tried that yesterday and it didn’t work.
But I gave it another go based on the code above rather than the one in the other thread (not that there is much difference) and it does work. Well, it looks like it does and I don’t think I have any caching going on that would make it look like it would work based on the earlier hack I did.
So, thank you. It looks like we have a winner!
That’s essentially what I have done as a hack already, but it gets messy as I have to double check all uses of the font and then force the font family with the QuickCSS against all types I want to use it on (Body, H1, H2…..).
(By the way, the CSS above only works if you put !important on it.
Doesn’t this really come down to a bug in the code where (or at least a shortcoming for “two word” font titles?
It turns out that the problem was being caused by some tracking code.
I needed the code to be on just this page, so the way I did it was to create a text field and then past the code in there. This worked fine at first, but I guess the code changed at some point and it broke the edit page.
What I have done now is added some code to the header.php file to say “if the page is the thanks page, then add this code to the head”. This is a better solution, but took a bit longer than the initial way I did it.
It does mean that I have yet another thing to worry about on a theme update, so if there is a better way of doing it, then I’d be happy to hear it.
Is that a shot in the dark, or do you really think there is something in the update that will fix the issue. I have to do quite a bit of work after a theme update, so I only do them if there is something in them I need.
Been a bit busy, so it has taken me a while to reply.
First of all, thanks for pointing out the CSS problem.
I have made some improvements. This is what I did:
1) Checked I didn’t have a delay on the first slide – I didn’t
2) I applied that CSS properly, so a background image is applied – not ideal, but it helps
3) This seems to be the biggest improvement, but I don’t know why. I was using Cloudflare CDN to speed things up a little. I think it was causing problems itself. When applied, there is a subtle difference in site behaviour and layout, including delays in the first slide. It’s probably something to do with the way it compresses and minifies JS and CSS, meaning the browser can’t apply things as the screen build and the final layout is blocked for a while. The CND may increase the download speed, but page rendering is hampered. I will take a look at this another time to see if there are some different settings I can apply.For now, I will live with what I have until I have the time to look again.
Thanks.
Fixed.
I’ve managed to sort the problem out. Here’s the info in case anyone else has the same problem.
It was caused by a CSS clash with a new ID I had added to the tabs to support Google Event Tracking. The updates were done in line with this post
I didn’t follow the post exactly, because the suggestion was to add an ID with # in the front, e.g. ID=’#tab-id-1′ I couldn’t use the # because it clashed with the google events plugin I was using, so I dropped it giving me ID=’tab-id-1′ That caused the problem. I changed the ID I was generating to ID=’eventtab-id-1′ (and changed the event tracking plugin for the new names) and it’s all working fine now.
Rob.
Bah! Another update,
Actually it is still getting clipped badly. It depends whether you re-load the page on a particular tab or not. If you just load the main page and move tab, things are clipped. If you re-load the page with a clipped tab open, then they are not clipped as badly.
***Quick Update***
I have reduced the problem a bit by making the content of the Company Goals tab bigger (I added a paragraph), It is still clipping a bit, but not as much. At least the top tab label isn’t getting clipped now.
I think that the problem is that if the tab content is not bigger than the depth of all the tabs, the position is miscalculated.
YES!
YES!
YES!It works. Thank you for your support Josue, spot on.
If anyone else finds this thread, then you need to make the change Josue suggests above and I’m using a WordPress plugin called WP Google Analytics Events Settings to help me set-up all the event triggers.
With this change, even if you have multiple tabs on the same page, you get unique IDs so it all works.
One thing to note though. Because the plugin adds a # to the code (when setting up the triggers), then I removed the one Josue suggests to put in, so I changed the PHP line to this:
$output .= ‘ <div data-fake-id=”#’.$tab_atts[‘custom_id’].'” id=”‘.$tab_atts[‘custom_id’].'” class=”tab ‘.$titleClass.'” ‘.$markup_title.’>’.$icon.$tab_atts[‘title’].'</div>’.”\n”;
Thank you.
Ignore that last post. I am now seeing the ID in the page source. No idea why, the only thing I did was this.
Originally, I made a copy of tabs.php named one to tabs-old.php and made the edit to tabs.php. After deleting the tabs-old.php (after saving it on my local machine) the ID is now appearing!!!
I’ll just see if I can get the events to work now….
Well, that *should* do it and I thank you for you patience on this one, but it doesn’t work. I’ve changed the code and the new ID is not getting added to the page. To make sure I’m not getting the old stuff cached, I cleared all the caches and I still don’t see the new ID. To make absolutely sure it’s not a caching issue, I added a syntax error to the .php code you suggested above and sure enough, that broke the site, so I know I’m using the latest version of the file.
I’ve no idea why the code you supplied isn’t making a change to the outputted HTML…..? I’ve tried doing things like added some free text to the line e.g. $output .= ‘ HELLO <div data-fake-id=”#’.$tab_atts[‘custom_id’].’… but the HELLO isn’t getting output either. I must be missing something somewhere, I don’t really know much about all of this, I’m just hacking to see what happens. I’m sure it would make a developer cry!
But I have multiple tab ‘blocks’ on screen and the class is only unique for each tab within the block.
I also have another little problem. I’m using a WP plugin to help embed the Google Event code. If the class or ID has a space in it, the plugin replaces it with a – so the final rendered page doesn’t work. I probably need to find a better one…
That’s good, but how do I set the prefix. Is there something I can do from within the page editor? Some elements have the ability to add a class to them from within the editor, but the Tab element isn’t one of them, unless I’m missing something?
Not quite,
The page I’m talking about is here: http://goo.gl/S2FB8B
I want to set an event on the tabs so that I can track when people have opened one of the tabs, such as “company goals” or “Company objectives”.
To do that, each tab needs a unique ID or Class that I can trigger the google event tracking code off, but they don’t have unique IDs or Classes. I was wondering how I can add them.
Rob.
I posted a similar question and got directed here. My problem is now fixed with Kriesi’s October 24, 2013 at 12:54 pm post (the long bit of CSS).
My problem was a little like this one, but not quite the same. For me, I saw the problem on Chrome, but it was much more pronounced on Safari. I’m using the latest version of Enfold and various versions of Mac OS and Safari. They all have the problem.
My problem wasn’t ‘jumping text’ but ‘blurring text’. All text after the Easy Slider would blur during the slide transition and then go solid again whist the image was paused between transitions. The blurring would happen even if the slider was off-screen. I say ‘blurred’ but perhaps a better description would be ‘thinned’. The font seemed to go to a lighter weight, but it had the effect of blurring the text.
Anyway, all fixed now with the { -webkit-perspective: 1000; and -webkit-backface-visibility: hidden; } change.
Thanks!
