[orthosoc]

@Skandha:

2) It worked! Very nice.

3) I tried your suggestions, but I didn’t like them as much as just using an image as a background. My beta-testers and I really love having that hidden image there. It makes the page quite unique. So, back to my original issue: is there code that will remove the small white gap of space between the Header Media and Featured Content?

4) I put the code in, but I can’t test it while at work (where I am most of the day) because I only have browsers that the issue can’t be seen on. I sent the beta-tester who had the question some links to look at. He just got back to me and says it’s still not working and sent me screenshots showing hyphens. Plus, he and I are both occasionally seeing some titles partially hidden under the top menu bar – for me, it happens when I put my phone in landscape mode and this hides the homepage title. For him, it happens on another page. Is there a code to disable this?

5) I do know W3Schools – I’ve used them for other things. I’ll go look some more.

6) Something new – is there a clever way to have the Header title (The Orthopterists’ Society”) shrink to fit the box/screen or move to other lines on smaller devices? A beta-tester and I have noticed that some of the letters in the second word are cut off or just the apostrophe in portrait mode depending on which phone is used. On all other pages, the title words/letters are shifted to other lines to fit screens nicely, but the title on the homepage does not do this. I found a code to adjust the font size, but I can’t seem to find a good size that works well on most screens. I like the current size the best, so I am hoping there is another way to fix this.

[Skandha]

@orthosoc:
3) To remove the small white gap of space between the Header Media and Featured Content
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#hero-section {
	display:none;
}

4) About the title overflowing to next line. I checked for this issue on all the browsers and it seems to be working fine. Clear you browser cache and check if the issue is resolved. If the issue persists please attach me a screenshot.
I don’t see any text appearing on phone in landscape mode. Can you attach me a screen shot if it reappears.

6) Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (max-width:500px) {
	.site-title {
		letter-spacing:4px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[orthosoc]

@Skandha:

You’re a miracle worker! #3 and 6 worked amazingly well!

#4’s issues are still occurring – the hyphenating titles and titles sometimes being hidden underneath (plus, on The Photo Gallery page, the list with the words being written horribly). The beta-tester and I did clear our caches, but it didn’t work.

Here are some more screenshots in a cloud folder: https://1drv.ms/f/s!AlV_P2U9b7-9go9uNebbJ7esiusb6w

And here are the pages they correspond with:

http://ybo.ewq.mybluehost.me/
https://ybo.ewq.mybluehost.me/resources/grants-awards/
https://ybo.ewq.mybluehost.me/resources/photo-gallery/orthopterists-and-their-allies/vintage/
https://ybo.ewq.mybluehost.me/about-us/international-congresses/
https://ybo.ewq.mybluehost.me/resources/photo-gallery/
https://ybo.ewq.mybluehost.me/resources/photo-gallery/orthopterists-and-their-allies/international-congresses-other-meetings/

7) A new issue – now that the hero content has been successfully hidden, I think it broke the almost-invisible down arrow towards the lower middle of the header media. Can this be removed since it no longer does anything? Even though most will never see it, it CAN be seen on some images.

8) Also, do you have any advice for learning the names of things, so I can alter their coding. For instance, I wold try to work on #7 myself, but I’m not sure what that arrow is even called. Should I just search all over W3Schools for mentions of arrows?

[Skandha]

@orthosoc:
4) This must be a cache issue as it seems to be working fine at my end. Please try clearing your browser cache and check if the issue gets resolved.

7) Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.button-scroll {
	display:none;
}

8) For that you need to need use the browser tool inspect element. Right click on your site and click on inspect element. You will see html coding on the left side and CSS Codes on the right. Now, click on inspector and then click on the scroll down button. After you click on the scroll down button, a line of html code will be highlighted which will suggest altering that class or id will change the scroll button. This way you can find out which class or id you need to alter to change the section.

Let me know if this helps you out!
Kind Regards,
Skandha

[orthosoc]

@Skandha

4) We’ll try these things again.

7) Perfect!

8) Brilliant! I knew about that tool, but had not explored it much yet.

Well, I think that’s all at this time. You’ve been a HUGE help. We’re planning to officially launch the site very soon.

[Skandha]

@orthosoc: Glad I was able to help you out. Have a good day! 🙂

Kind Regards,
Skandha

[pnjsharptech]

but I got working fine

[Author]

Posts