BrainSuperGlue Posted August 23, 2017 Share Posted August 23, 2017 Hi,Prestashop 1.6.1.0, default bootstrap theme.Having an odd issue. When the screen is full width on desktop, the Facebook social block and the cmsinfo block appears fine. When the screen is shrunk, gradually the opening times disappear off the bottom the block until the cmsinfo block disappears completely.Looking at the Inspect, it doesn't appear to be a hidden-xs etc issue. Just odd.Any ideas?Many thanksBSG Link to comment Share on other sites More sharing options...
BonPresta Posted August 23, 2017 Share Posted August 23, 2017 Hi, Prestashop 1.6.1.0, default bootstrap theme. Having an odd issue. When the screen is full width on desktop, the Facebook social block and the cmsinfo block appears fine. cmsinfoblockquestion.PNG When the screen is shrunk, gradually the opening times disappear off the bottom the block until the cmsinfo block disappears completely. block.jpg Looking at the Inspect, it doesn't appear to be a hidden-xs etc issue. Just odd. Any ideas? Many thanks BSG I think you have no display on mobile devices, look at the option shown in the screenshot Link to comment Share on other sites More sharing options...
BrainSuperGlue Posted August 23, 2017 Author Share Posted August 23, 2017 I think you have no display on mobile devices, look at the option shown in the screenshot -------------------------------- OK, well that's better. The cmsinfo block now appears for all devices but as before, as the screen gets smaller, the opening times sub block get smaller and smaller until it's just a title. Doing some digging in Inspect it appears that the opening times themselves (not the Opening Times title) are inside a table. One the right hand side of the Inspect window it shows max-width to be 100%, which makes sense as that carries over being responsive. However, the height of the table appears fixed at 135px. Could the reason the opening times don't show is that the height of the table isn't responsive? How could I change the setting so it is? Many thanks BSG Link to comment Share on other sites More sharing options...
BrainSuperGlue Posted August 26, 2017 Author Share Posted August 26, 2017 -------------------------------- OK, well that's better. The cmsinfo block now appears for all devices but as before, as the screen gets smaller, the opening times sub block get smaller and smaller until it's just a title. After enable.PNG Doing some digging in Inspect it appears that the opening times themselves (not the Opening Times title) are inside a table. One the right hand side of the Inspect window it shows max-width to be 100%, which makes sense as that carries over being responsive. However, the height of the table appears fixed at 135px. cmsblockinfoquestion2.PNG Could the reason the opening times don't show is that the height of the table isn't responsive? How could I change the setting so it is? Many thanks BSG Bump. Can anyone point me in the right direction of where the attributes describing the size of the cmsblock table are held? Many thanks BSG Link to comment Share on other sites More sharing options...
BrainSuperGlue Posted August 29, 2017 Author Share Posted August 29, 2017 For follow up, I've finally found this forum entry that showed changes to the global.css file. The code sample you need is at the bottom of the following link.https://www.prestashop.com/forums/topic/499297-solvedcustom-cms-block-not-responsive/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now