Docs

[core365]

Hi, I’m hoping you’ll be able to help me out on 2 issues with the website I’m currently designing using Ethos.

1. Envira Gallery not displaying – I’ve used the widget on the Gallery page but nothing is showing on the web page (I’ve logged out from admin to view the site and it’s still a blank page)
– Also, I don’t know if it’s possible, but I’ve added a widget area for Envira Gallery on the Home page as I’d like to show thumbnails of the gallery on there too, but again nothing is displaying.

2. Logo and Navbar keep moving – I’ve used css to keep the logo and navbar static when scrolling down the page, however, when you do scroll down, the logo and navbar move up and there’s a gap that appears in between them and you can see the page content through it when scrolling! I can’t figure out how to stop this from happening!

The website is: http://stpeterscentre.org.uk/

Thanks!

[Jade]

Hi there,

Thanks for writing in.

#1 I have checked the gallery page and the homepage where Envira Gallery is used and there seems to be an error in the console that’s affecting the display of images in the page. Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

#2 Please try to add this CSS:

.x-logobar-fixed-top {
    top: 40px;
    z-index: 100000;
}

Hope this helps.

[core365]

Hi, thanks for your quick response!

#1 I’ve deactivated all plugins apart from Cornerstone and Envira Gallery and I’m still having the issue with none of the images showing for the Gallery!

#2 Thanks for the CSS, it has improved it, however, seeing as I’m one of those really picky designers, it’s still shifting up a bit when scrolling down – it now looks like the green top bar gets cut short and the logo and nav bar move up.

Thanks

[Jack]

Hi there,

Thanks for writing back!

#1, Could you provide WP admin login details so we can take a closer look at this please?

#2, Add the following custom css 🙂

.x-topbar {
    z-index: 100000;
}

Thank you!

[core365]

This reply has been marked as private.

[Jack]

Hi there core365,

Thanks for writing back! I’ve tried to login and check this for you, but get a invalid password error.

Can you double check the provided details please?

Thank you!

[core365]

This reply has been marked as private.

[Zeshan]

Hi there,

I’m able to log into your site. Your password contains a quote that is changed into pretty quote if posted directly. So I’ve wrapped your password in a code block. It’s working now.

#1: I’ve checked your site and it seems you are not fully updated (see: http://prntscr.com/ap8wl0). Please update X theme and see if the issue resolves.

#2: Please try this CSS code instead:

.admin-bar .x-navbar-fixed-top,
 .x-navbar-fixed-top {
  top: 171px;
}

Thank you!

[core365]

That’s the problem with these auto generated passwords, they have so many different characters in there! I’ll have to remember about the pretty quote thing for future.

#1: I’ve updated the theme, but the gallery still isn’t showing!

#2: I’ve added in the code, but the nav bar is still shifting!

Thanks!

[Rue Nel]

Hello Again,

Sorry if still doesn’t work out.

#1] It seems that the apostrophe in the title is the caused of the JS error which is why the gallery does not show up. I managed to get the gallery displayed in your page. I simply edited the gallery title, remove the ' and the JS error were resolved. You should now be seeing your gallery.

#2] Please have you code updated and use this instead:

.x-logobar-fixed-top {
    top: 48px;
    z-index: 100000;
}

.admin-bar .x-navbar-fixed-top, .x-navbar-fixed-top {
    top: 179px;
}

If you need anything else we can help you with, don’t hesitate to open another thread.

[core365]

Hi, thanks for sorting out the gallery! I never thought that little ‘ would cause all that hassle – at least I now know not to include that in file names!

#2: But I’m still having issues with the logo and nav bar I’m afraid, even after putting in the CSS code. The nav bar now stays in place, but now the logo moves up and there’s a gap in between the logo and nav bar which you can see the page content through when scrolling. Also, when viewed on a mobile and scrolling up, the top bar content is cut off and the menu button goes off screen! Sorry about all this, I don’t know what I’ve done to complicate it so much!

Thanks!

[Jade]

Hi there,

Please update this code:

.x-logobar-fixed-top {
    top: 40px;
    z-index: 100000;
}

to

.x-logobar-fixed-top {
    top: 47px;
    z-index: 100000;
}

Hope this helps.

[core365]

Hiya, it’s sorted now, thanks! The top bar has stopped moving! However, when I change the view to see how it looks on a mobile, when you scroll down, the 2 social media icons disappear and so does the mobile nav bar and I want the whole area at the top of the page above the slideshow to stay static when scrolling if possible.

Thanks!

[Rupok]

Hi there,

Thanks for updating. Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[core365]

Ah, ok, I didn’t realise. Thanks for all your help though, it’s much appreciated!

[Author]

Posts