[FirstDrop]

Hi all,

I have two issues which you may be able to help with. The first of which is the small thin white line that appears between the header bar and the feature image (especially within Chrome). It is only 1 or 2 pixels, but noticeable. The page is https://firstdropphotography.com/alton-towers/.

The second enquiry has to do with SSL certificates. Every page, apart from the main home page appears secure, but the notice on the main page says that the connection is not fully secure? Could this be anything to do with the scrolling theme/sections?

[FirstDrop]

In addition to the above, I’ve also noticed that the featured content heading is cut off by the navigation bar (main page) when fluid on mobiles, and very close to the navigation bar on desktop browsers. Any ideas how to solve?

[Skandha]

@firstdrop: Hello there,
I checked your site in few web browsers and did not find the white line you are mentioning. Can you please attach a screenshot of the white line at you end?

Your homepage not being secure maybe due to the Featured Content Background Image you are using. The image seems to have http and not https. Can you try re-uploading the image using https and see if the SSL issue is resolved?

For the Featured Content Heading getting cut off
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#featured-content-section {
    padding-top: 50px !important;
}

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

[FirstDrop]

Hi Skandha,

Thank you for your help in this matter, it is much appreciated.

I have added the script above, and the featured content title issue has been solved.
With regards to the line, I have attached a screenshot below.

[img]https://i.imgur.com/JlL353t.png[/img]

The SSL issue still seems to be happening and I’m not sure why?

Thanks again 🙂

[FirstDrop]

Hi Skandha,

Not sure if my last reply posted, but thank you for solving the feature header issue.
I am still experiencing problems with the SSL on the front page and the line. I have attached an image below 🙂

https://imgur.com/JlL353t

[Skandha]

@firstdrop: Hello there,
For the white line above the header image
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#header-content .wrapper {
	height: 90px;
}

Regarding the SSL issue can you please enable the right click on your website so that I can look into the issue.
Can you please re upload the Featured Content Background Image and upload it using https before URL.

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

[FirstDrop]

Hi Skandha,

The line issue has now been resolved – thank you 🙂 Also the site seems to be secure, but another issue has presented itself.

When clicking the menu from a post or page, it expands and alters feature image and makes the text move to the right a few pixles. I’ve disabled the protection temporally too. Any ideas?

Thanks again 🙂

[FirstDrop]

It looks like the stroller bar disappears with relation to the above? Any ideas how to stop it?

[Skandha]

@firstdrop: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body.menu-is-open {
	overflow: unset  !important;
}

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

[FirstDrop]

All working. Thank you so much for your help!

[Skandha]

@firstdrop: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-fullscreen/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[FirstDrop]

Hello, I am now using the team section on my front page, however I am once again experiencing the issue on mobile where the section title text disappears under the navigation bar when swiping down.

#featured-content-section {
padding-top: 50px !important;
}`

I tried the above, by replacing the hashtag with #team-section, but it doesn’t work. Any ideas?

Thank you

[FirstDrop]

Same with Portfolio 🙂

[FirstDrop]

Right, let’s try this again. I am currently experiencing a few issues with the Team and Portfolio sections of the site. Unfortunately when you browse the site on a mobile device, the header is cut off, therefore you are unable to see the section you are on.

I attach a few screenshots below.

[img]https://i.imgur.com/28cqpnk.jpg[/img] [img]https://i.imgur.com/WK1OThS.jpg[/img]

I tried the code below to no success, but is there a way to make the text visible without hiding behind the header?

#featured-content-section {
padding-top: 50px !important;
}`

In addition, is there a way to turn off/reduce the image overlay on the Portfolio section, especially when viewing on a mobile?

Thank you for your help! 🙂

[Skandha]

@firstdrop: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To have the title of the section Portfolio and Team display on mobile devices */
@media screen and (max-width: 666px) {
	#portfolio-content-section, #team-content-section {
		padding-top: 100px;
	}
}

/* To reduce the Portfolio image overlay on mobile devices */
@media screen and (max-width: 666px) { 
	#portfolio-content-section a.post-thumbnail:hover {
		opacity: 0.95;
	}
}

You can change the values according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[FirstDrop]

Hi Skandha,

All seems to be working well, apart from the thumbnails in the portfolio section. It isn’t altering the hover overlay at all on the images. Any ideas?

[Skandha]

@firstdrop: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (max-width: 666px) {
	#portfolio-content-section .entry-container {
		background-color:unset;
	}
}

Let me know if this is what you want!
Kind Regards,
Skandha

[FirstDrop]

Hi Skardha,

Ideally i’d like to be able to reduce the overlay displayed on mobiles. Using the image above as a ball park guide, if that is 70% opacity, then i’d like to bring the colours of the actual image out more, therefore reducing opacity to 40%, therefore still achiving an overlay. I hope that makes sense 🙂

[FirstDrop]

Just tried a few things with no luck, but I have tried the services option too which seems a better option to be honest, but is there a way to make it display the latest posts I make by default, instead of specifying them?

At the moment, it is defaulting and displaying the first XX posts made, instead of the last XX posts made (Nothing has been specified for this option either)

Sorry to bombard you with so many questions 🙂

[FirstDrop]

Hey, is there any solution for the above?

Thanks in advance 🙂

[Author]

Posts