[RodeBoy]

I am having trouble getting the Header media right on http://www.pauldicksonbooks.co.uk. It displays fine on a laptop but in landscape orientation on my iPhone it takes off the top of the first row of books. Can anything be done about this please? I have already tried introducing more space around the books, but it is getting to the point of having too much grey around them to look good now.

Also the “Welcome to Paul Dickson Books” is not central on the page.

Thanks, Chris

[Skandha]

@rodeboy: Hello Chris,

/* To center the Header Media Title on the page */
.custom-header-content {
    margin-right: 43px !important;
}

/* For the issue on iphone landscape
@media screen and (orientation:landscape) {
   	.custom-header {
    		background-size: contain !important;
	}
}

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

[RodeBoy]

Thanks Skandha, I have applied both of these codings. The title now appears to be centred, but this is a problem on all my sites which use Cath Fullscreen Pro and so may I respectfully suggest that the changes need to be incorporated into an update.

The coding for the iphone landscape issue has not worked for me unfortunately as the dark bar containing the site title and menu still blocks off the top of the Header Image. No doubt you will let me know revised coding.

Many thanks,

Chris

[Skandha]

@rodeboy: Hello Chris,
Can you please try using the CSS Code below instead?

@media screen and (orientation:landscape) {
   	.custom-header {
    		background-position: center 55px !important;
	}
}

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

[RodeBoy]

Unfortunately not Skandha. It is just the same.

Chris

[RodeBoy]

Very sorry Skandha, yes it does now work fine. I had applied the coding incorrectly!

Chris

[RodeBoy]

Skandha, I have just noticed that this coding introduces a grey block at the top of the desktop version (viewed obviously in landscape) before the dark bar with the site title and menu makes its way to the top of the page on scrolling.

I suspect that this coding needs to be tweaked to apply to mobiles only. No doubt you will let me know.

Thanks, Chris

[RodeBoy]

Skandha, I have another site at drum-lessons.co.uk where each slider has a different title, and there is the same non-centering issue. I guess it will need a similar code, but one that does not refer to center the Header Media Title on the page. Perhaps you can advise this code as well please?

Thanks,
Chris

[Skandha]

@rodeboy: Hello Chris,
Please replace the CSS Code above with the following.

@media screen and (orientation:landscape) and (max-width: 1024px) {
    .custom-header {
         background-position: center 55px !important;
    }
}

To center the slider title on your other site please use the CSS Code below

.slider-content-wrapper.entry-content-wrapper {
    margin-right: 45px !important;
}

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

[RodeBoy]

Both codes work fine Skandha, thank you.

I think the non-centred text in the slider is a general issue with the theme, in the same way as it is with header media, and needs an update. Do you agree?

Thanks for your help,
Chris

[Skandha]

@rodeboy: Hello Chris,
Yes, those issues will be fixed in the upcoming theme update.

Kind Regards,
Skandha

[RodeBoy]

That’s good to hear. Could I respectfully suggest that if an update for this theme is on the way that consideration be given to selecting the number of random images to appear in a gallery? See https://catchthemes.com/support-forum/topic/limit-images-in-gallery/ for details. A useful feature I believe.

Thanks,
Chris

[RodeBoy]

Were these issues fixed in the recent update to version 3.5.7? I cannot see mention of it in the changelog.

If it has then I can remove the extra CSS coding.

[RodeBoy]

It still doesn’t appear to be fixed in version 3.5.8 either??

[Author]

Posts