abellerby
ParticipantForum Replies Created
-
Hi, This still doesn’t appear to be working. Sheredes Primary school – http://www.sheredesprimary.herts.sch.uk – have reported the issue, so I checked a few other sites and they are all the same.
Hi, I have ‘fixed’ the issue by resizing the header image so that the height is the same as the recommended height. I’m sure this wasn’t necessary previously – the header image I uploaded when I set the site up was bigger than the recommended height and didn’t cause any problems. UnfortunatelyI can’t really upload an image which slows the website down now unless I can change it straight back … the school would not be happy! I might be able to do it if it was possible to coordinate with you?
Removing the logo in the page header has solved the problem and the website now loads, but if I upload a new logo the problem comes back.
https://broombarns.herts.sch.uk/statutory-information/ – load page & tab through links… first one should be ‘Skip to content’.
On longer pages, visually, the page scrolls to the top of the content, but the top of the page is covered by the sticky menu.
On this same page, there is a similar problem with the sidebar links which go to anchors on the page – I have managed to correct this on other sites using CSS but it doesn’t seem to work with the ‘Skip to content’ link.
Hi,
Any progress with this?
Apologies – I missed an update somewhere & it’s all working now.
I’m having the same problem. I’ve cleared cache, opened in new private window but the customiser colour setting has no effect. I also have an issue where the Google Translate widget default text is white on white.
I think there is a problem with recent changes to the Graphene stylesheet – starting at line 84 , replacing #top-bar with .top-bar (as it was in the previous version) in the styles below, fixes the top bar background colour and Google Translate widget issues – though the hover effect is still white on white.
/* =Header
————————————————————– */#top-bar {
background: #4c315a;
padding: 10px 0;
font-size: 0.9em;
color: #aaa;
color: rgba(255,255,255,0.5);
}
#top-bar a {
color: #ccc;
color: rgba(255,255,255,0.7);
-webkit-transition: color ease-in 0.1s;
-o-transition: color ease-in 0.1s;
transition: color ease-in 0.1s;
}
#top-bar a:hover {
color: #fff;
color: rgba( 255, 255, 255, 1 );
}Any update to this please?
Hi,
Thanks for the update – #graphene-dynamic-widget-graphene_top_bar now only appears once, bit it’s still not in the right place. Previously it was under #top_search, inside <div class=”col-md-12 top-bar-items”> . If I use the Web Developer Inspector in Firefox I can move it back where it was and it works as it used to.See https://broombarns.herts.sch.uk/
Also in connection with topbar issues, the text background colour in the search bar now has opacity 0.1 so the text is hardly visible and the search button still has the fixed height added in the update before as mentioned in my previous post.
I support about 60 school websites using the Graphene theme – I have been using the theme for years because I think it’s great! – but I would rather not have to make changes to them all individually!
Are you able to correct these issues please?
One other problem which occurred at the same time … I changed the line height of the search buttom to 26px, but this has now been changed so the height of the button no longer matches that of the box. This can be seen on the website linked above.
#top-bar .searchform .btn-default, #top_search .searchform .btn-default {
background: rgba(255,255,255,0.6);
border: none;
line-height: 34px;
padding: 0 15px;
}
Are these changes which have to stay? I assume others will have been affected by the style changes as well. I can edit my child theme styles to make the sites display correctly but it’s a lot of tedious work!