Easy responsive footer

I swear I checked, but it sounds like it’s something like that! Thanks very much!

Edit:

You were on the right track, @keegan! I was editing mobile.scss rather than common.scss.

It almost always boils down to

  • dns is broken
  • permissions are broken
  • it’s not plugged in
  • you’re editing the wrong file

Thanks very much!

2 Likes

I want to change the 25 character limit for the title. I will place the title with CSS. What is the easiest way to do this?

1 Like

@bekircem
Going beyond the character limit may break some things, but you can try:

.custom-footer .first-box .heading {
   visibility: hidden;
}

.custom-footer .first-box .heading::after {
   content: "This is something that is longer than 25 characters";
   visibility: visible;
   display: block;
}

Doing visibility: hidden, however, will still keep the white-space. However, depending on how large your title will be you can try doing this instead:

.custom-footer .first-box .heading {
   visibility: hidden;
   position: relative; 
}

.custom-footer .first-box .heading::after {
   content: "This is something that is longer than 25 characters";
   visibility: visible;
   display: block;
   position: absolute;
   top: 0;
}
2 Likes