Hello Victoria,

Thank you. This can be closed then.

Best regards,
Niklas

Hi Victoria,

I played around a bit, and if I only use this piece of code, it seems to work (on both devices).

/*Search page socket adjust to bottom*/
.search #socket {
    position: fixed;
    bottom: 0;
    width: 83vw !important;
    z-index: 999;
    -webkit-transform: translateZ(0);
}

This thread can be closed.

Thank you for the help,
Niklas

• This reply was modified 5 years, 4 months ago by fairerocknroll.

Hi Nikko,
thank you for the code. I tried it and it doesn’t work. I don’t understand why. I’ve flushd the cache, I tried it with !important and I changed the value to see if anything changes…

Here is the code, I added:

.search #main {
    min-height: 100vh
}

.search #socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    -webkit-transform: translateZ(0);
}

@media only screen and (min-width: 769px) {
  .search #socket {
      width: 85vw;
  }
    .search #main {
      min-height: 100vh;
  }
}

@media only screen and (max-width: 768px) {
  .search #socket {
    width: 60vw !important;
  }
  .search #main {
    min-height: initial;
  }
}

Do you have any idea what I could be missing?

Thank you,
Niklas

Hello Nikko,

I’ve changed the lines you mentioned and tested out some values. When the width is set to 85vw, it looks fine on my 1080p screen. I’ve checked the page on a 768p screen. The socket gets cut there again, so that I cannot fully read the links in the socket.
Is there a solution which is responsive?
If not, how can I adjust your suggested code, so that I can set a different value for a 768p screen?

Thank you,
Niklas

Hi Victoria,

thank you for the code. On the phone it looks fine. On the desktop it looks like on the screenshot I’ve attached.

Best regards,
Niklas

Hi Victoria,

Sure! I’ve added the information below.

For further clarification:
The socket doesn’t stick to the bottom on the smaller device.
Also, if I’m using “width: 100%” in the code the socket-width looks fine on the smaller device, but not on the desktop. On the desktop the socket gets stretched over the edge of the viewport.
If I’m using “width: 90%” in the code above the socket-width looks fine on the desktop, but not on the smaller device. On my phone the socket doesn’t fill the whole width of the viewport then.
I’ve attached screenshots for both cases.

Thank you,
Niklas

Hi Victoria,
sure. I’ve attached the details in private.
Thank you,
Niklas

Hi,

I want to load GoogleFonts locally so that no connections are made to the Google server. I’ve read the thread you’ve sent me. It’s confusing because there are posts before the GDPR was active and some after the GDPR was active, and there are a lot of suggestions and it’s not clear to me which is correct and which not. So what I’ve done is, I’ve uploaded the font I use locally via the Enfold Custom Font Manager. Nevertheless, there are still connections to the Google servers being made. There is the Roboto font loaded and the Cabin font loaded. I want to find out, why this is happening.
There are two YouTube-videos embedded on the page, maybe this is the reason for the Roboto font?! I don’t know where the Cabin font might come from. So what am I to do? Is it enough to upload the Roboto and Cabin font also locally? But then, how to make sure, they load locally and the connection to the google server are surpressed?

Best regards,
Niklas

Hi Jordan,

which scripting exactly?
My approach is to disable any connection from my site to the GoogleFonts-server. How am I to do that?
This whole GDPR-business is confusing, sorry!

Best regards,
Niklas

Hello Victoria,

wow, truely wonderful! Thank you! You all are the best!

Best regards,
Niklas

That works wonderful so far.
Now, is it possible to increase the space between the “Description”-label and the “Navigation”-label? I’ve added a screenshot.

Thank you,
Niklas

That did it.
Thank you very much!

Thank you very much, Jordan!

Yes, I’m sorry for the little context!
So, I’ve created an icon list and I would like to change the fontsize of the content-field (not sure, if that is the right word). Here is the screenshot: https://beyond-limitation.com/screenshot/ (I’ve given the login/pass in private). In the ALB I can set the font size, but there is 14 and the next is 18, I’d like to have a size in between.
That’s why I had the idea of giving the icon-list a custom css. I don’t want to change the font size of all icon-lists, just of the one on that specific page (https://beyond-limitation.com/work-with-me/)
I hope, it got clearer now.
I’ve sent all necessary information via private.

Thank you again!
Niklas

Hello,
yes, it can be closed.
Thank you again!
Niklas