Forum Replies Created
-
AuthorPosts
-
If you resize the window the issue should become very clear…
I can explain this easily in words: The table should content should be fully accessible on mobile devices. Currently, the last columns to the right are cut off.
Best wishes,
ChrisHaven’t tried this because I need to use the tabs for layout reasons. However, it would be great if you could let me know how to fix the width of the tab-container on mobile devices (i.e., make it unresponsive/ fix the width) . Many thanks for your support!
Excellent – problem solved. Thanks for the super-fast response Yigit!
Many thanks for this — but it is still not working. The problem is that the tab-component is responsive and it resizes the embedded contents via css3 media-queries (in this case the table). Perhaps you could let me know how to fix the width of the tabs instead of the table. Many thanks for your support!
Hi Rikard,
many thanks for your support. That’s exactly what I was looking for. However, unfortunately the css selector doesn’t work for me – the table is still resizing even though the minimum width should know be fixed.
P.S. I also added !important as a suffix but without any result…Thanks for your reply Vinay. However, I’m using a regular table and not the inbuilt table-extension. I would just like to fix the width via css (make it non-responsive).
excellent — problem solved — I added the “!important” rule:
#header .six.units { width: 338px!important; }
Many thanks!
thanks for the quick response!
Hi Rikard,
yes -many thanks for your support.
Cheers,
Chris
Many thanks – but that did not work. The CSS class I was looking for is
.ls-thumbnail-hover-innere.g.,
.ls-thumbnail-hover-inner {
border:10px solid #000 !important;
}Cheers,
Chris
Many thanks for your reply. Unfortunately the page is currently password-protected – however I mean the border around the preview-thumnails which appear on mouse-rollover in the layerslider.
-
AuthorPosts