Hello – tabbed content is full width in desktop and tablet views but not in mobile. How to fix this? I have checked all padding, margins, row stretch etc I can find but cannot get image and titles to same width as tab heading line. See here, tabbed content in column 4 in desktop:
Reduce view to mobile and the content is indented left and right.
Thanks
MG
Hello Mark!
To avoid misunderstandings, please provide more information(screenshots/video) about the issue and what you need to achieve.
A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.
Thank you!
Hi Bettina – see how the tabbed content (2R+2B etc) is narrower in mobile than the content above (Elaine Delmar, etc) – https://app.screencast.com/ghOY3op8tkzkW.
You can see the phenomenon in action if you go to https://jazzjournal.co.uk, look at the tabbed content on the right side of the page, and reduce your browser window to mobile size or look at the same on your mobile.
Tabbed content width is normal in other viewports.
Thanks
Mark
Hello Mark!
Please edit that page with the tagdiv Composer, select the row, and check in the CSS tab where you have padding left and right. Please delete those values, save the settings, and try again.
Thank you!
Thanks – not sure if you mean edit the front page where tabbed content is placed or edit the originating pages. But in neither case can I see any padding. I can’t see any padding in CSS row, column or element:
Originating page (new releases): https://app.screencast.com/DPQ2KoLrTwLg5
Tabbed content on front page: https://app.screencast.com/TJ2Wg9vdrIpqg
There is blue space either side of the content in Row, but where is it coming from?
Hello Mark!
I’ve fixed it on your end. Please check!
Thank you!
Many thanks – but tell me for my information, what was the problem? Where was the space coming from? I am intrigued. I should have seen it.
Hello Mark!
They are, by default, for blocks. I apply some negative values there, so the blocks from those pages are fully stretched. I’ve set the width to auto as well.
Thank you!
Ah – the famous negative values. I knew about those but was looking for positive padding. Many thanks!
But obviously “auto” is essential too… I didn’t know that one.
Hello Mark!
By default, they exist with positive values, so with negative values, you can emulate them. Yes, you should apply auto, so it will expand depending on the block sizes too.
Thank you!
