Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

kelcorbett

Circle Member
  • Content Count

    24
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. No unfortunately not..
  2. Hi all I've generated a 3 column table to compare two products via HTML Tables Generator - as suggested by @mdr . I've then placed this on the site using a code block. I was a little skeptical about using a free tool like this, but its actually looking surprisingly good. Unfortunately on mobile, part of the right hand column is cut off from view (but you can scroll to the right). Obviously this is not an ideal situation. I have uploaded screenshots of desktop + mobiles views. I'm using this media query to make the table responsive: @media screen and (max-width: 640px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}} That piece of code came from the HTML Table Generator site. I've tried a number of other media query code snippets after sleuthing around online, but none of them are working for me... Does anyone have any ideas how to get this working properly for mobile devices? Thanks!
  3. Hi all, I've generated a 3 column table to compare two products via HTML Tables Generator. I've then placed this on the site using a code block. I was a little skeptical about using a free tool like this, but its actually looking surprisingly good. Unfortunately on mobile, part of the right hand column is cut off from view (but you can scroll to the right). Obviously this is not an ideal situation. I have uploaded screenshots of desktop + mobiles views. I'm using this media query to make the table responsive: @media screen and (max-width: 640px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}} That piece of code came from the HTML Table Generator site. I've tried a number of other media query code snippets after sleuthing around online, but none of them are working for me... Does anyone have any ideas how to get this working properly for mobile devices? Thanks!
  4. Awesome, thanks so much! This code worked perfectly. I put it into the page header code injection, with this addition: <style> #container-content { padding-top: 20px !important; } </style> Legends! Thanks
  5. Thanks for the help guys, but unfortunately none of that code is working for me… I’ve tried putting it into the Page Header Code Injection, and into custom CSS. But no joy. Any ideas as to why it’s not working?
  6. Sure thing! The site is here: https://kel-corbett.squarespace.com/ Password to view the site is: password
  7. I’m using the Flatiron template, how would I reduce the padding between the header and the content below it? There are tonnes of questions on the forum for this, but none of the code snippets I’ve found have actually worked for me. I’ve tried using this, which does work: .image-block { margin: -40px 0px -20px 0px; } However I have an image gallery on one of my pages and it does not work for that unfortunately. Can anyone help with this? If there’s a way to do it via adding the code to the Page Header Code Injection in the individual pages that would be absolutely perfect. Failing that if I need to add it to the custom CSS section that’s fine too. Thanks!
×
×
  • Create New...