Template Issues?

This topic has 26 replies, 2 voices, and was last updated 4 years, 5 months ago by Skandha.

Viewing 20 posts - 1 through 20 (of 27 total)

1 2 →

Author

Posts
February 1, 2020 at 5:41 pm #234787

FirstDrop
Participant

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?

February 1, 2020 at 6:07 pm #234792

FirstDrop
Participant

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?

February 2, 2020 at 3:14 am #234822
Skandha
Participant
@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
February 2, 2020 at 5:17 am #234833

FirstDrop
Participant

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 🙂

February 2, 2020 at 5:49 am #234836

FirstDrop
Participant

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

February 2, 2020 at 11:31 pm #234895
Skandha
Participant
@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
February 3, 2020 at 12:24 pm #234937

FirstDrop
Participant

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 🙂

February 3, 2020 at 1:08 pm #234944

FirstDrop
Participant

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

February 4, 2020 at 2:10 am #235015
Skandha
Participant
@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
February 4, 2020 at 12:27 pm #235069

FirstDrop
Participant

All working. Thank you so much for your help!

February 4, 2020 at 11:59 pm #235124

Skandha
Participant

@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

May 25, 2020 at 2:29 pm #247860

FirstDrop
Participant

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

May 25, 2020 at 4:22 pm #247865

FirstDrop
Participant

Same with Portfolio 🙂

May 26, 2020 at 12:52 am #247874

FirstDrop
Participant

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! 🙂

May 27, 2020 at 5:30 am #248078
Skandha
Participant
@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
May 27, 2020 at 9:44 am #248104

FirstDrop
Participant

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?

May 28, 2020 at 1:20 am #248182
Skandha
Participant
@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
May 28, 2020 at 3:27 pm #248233

FirstDrop
Participant

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 🙂

May 28, 2020 at 9:54 pm #248244

FirstDrop
Participant

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 🙂

June 2, 2020 at 9:10 am #248649

FirstDrop
Participant

Hey, is there any solution for the above?

Thanks in advance 🙂
Author

Posts