Hi there,
I am experiencing a strange issue that I am struggling to fix. I have created a custom template for one of my categories. On the page, I have two rows. The first is full-width, the second is split into two 50% width columns. Each section uses the inline text element. I have used the extra class on the row and two columns to allow for a scroll to navigation.
The top row has a background image with white text. The row below with the two columns has a normal white background with black text. The page looks perfect on desktop, but when viewed on mobile, the two columns below seem to inherit the white text from the row above. The title element for the sections is also a completely different format on mobile to the other titles. Narrowing the browser to mimic mobile still works as intended.
I have viewed on iOS and Android. Tested on Chrome and Safari and it is broken on both.
The page in question is https://baitingtheswim.co.uk/category/fishing-competitions/fishomania/ The sections are FishOMania 2025 Qualifier Dates, Previous FishOMania Winners and About FIshOMania. The last two are the ones that break on mobile.
Any idea why this is happening. I have tried to force black text in the composer, deleted the whole row with two columns and create again. It just doesn’t seem to work.
The only way I have managed to force black text is by adding custom CSS in theme panel, but that changes the titles and link colours in those sections even though I haven’t specified to touch links or header elements.
Hi,
If you can provide a copy of the page where the problem can still be seen, I will check it and see what can be done. Right now, the CSS you’re using seems to be working, and everything appears to be okay.
Thank you!
