[OvenCreative]

Legend! That worked a treat!

Thank you 🙂

[OvenCreative]

That did it! Thank you!

[OvenCreative]

Hi David,

Thank you, that seems to have done the trick!

Cheers,
Dave

[OvenCreative]

This reply has been marked as private.

[OvenCreative]

Hi David,

I just checked the site on my phone after updating the theme and swift and something seems to be playing up – no content is visible in the body section of any page. I tried going into a few pages and updating them, making sure they had a row/column visible on mobile but that didn’t seem to work either.

I’ve restored a previous version of the site for now but please let me know if you can think of any solution.

Thank you!

[OvenCreative]

Hey David, thanks for getting back to me – Swift and the theme have been updated.

I haven’t been able to reproduce the error thus far but if it pops up, I’ll let you know.

The site was tested on an Android phone running Chrome and on a couple of iPhones on both Chrome and Safari.

– Cheers!

[OvenCreative]

Great, thank you.

Any ETA on with the next release will be? Would be good if I can give our client an approx. date.

Cheers!

[OvenCreative]

Excellent, thank you for the update – much appreciated!

[OvenCreative]

Hi David, thanks for your response.

I turned off all plugins bar Swift Framework (WooComm was not on this site) and did not have any luck. Please feel free to do the same if you wish to test it out for yourself.

Thanks,
Dave

[OvenCreative]

Hi Mohammad, thanks for the fast reply.

Unfortunately that by itself didn’t work. I’ve added another couple of lines to the code and it’s not looking too bad

@media only screen and (max-width: 1024px) {
.page-heading.fancy-heading {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.page-heading.fancy-heading {
height: auto!important;
}

.fancy-heading.fancy-image.light-style h1, .fancy-heading.fancy-image.light-style h3 {
font-size: 25px !important;
line-height: 110%;
padding-top: 100px;
padding-bottom: 20px;
}
}

Thanks again. Have a great day!

[OvenCreative]

Hi Mohammad, David – thank you for your replies.

I have managed to get it working as it should by using the css below…

@media only screen and (max-width: 1024px) {
.page-heading.fancy-heading {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.page-heading.fancy-heading {
height: auto!important;
}
.header-naked-light .fancy-heading .heading-text, .header-naked-dark .fancy-heading .heading-text {
padding-top: 0px;
padding-bottom: 20px;
margin-top: 0!important;
}
}

So it’s all sorted for now. If anything else pops up, I’ll get in touch!

[OvenCreative]

Hi David, please find screenshot attached.

Thanks!

Attachments:

You must be logged in to view attached files.

[OvenCreative]

That did the trick. Thank you for your help!

[OvenCreative]

Hi Kyle, thanks for your reply.

Unfortunately the font in the screenshot you posted is incorrect.

Please see attachment to see how the font should appear on desktop and how it is currently appearing on my mobile using Chrome. It seems to change to a Times serif font on iPhone for some reason…

Thank you,
Dave

Attachments:

You must be logged in to view attached files.

[OvenCreative]

Hi guys, thank you for your quick reply.

I’ve updated the site to use the font I was having trouble with (Celias) if you wouldn’t mind taking another look at it.

Thanks you!