lascott

The logo at the top of the site is still not centered on all devices. It was originally positioned on the left. The website is: https://www.timelydesigns.com . How can I center the logo and make it responsive on all devices.

I added the below CSS code:

.custom-logo-link {
float: center;
margin-right: 10px; }

.logo-wrapper {
width: 100%; text-align: center;
margin: 14px 430px; }

I changed the position of the logo at the top. However, it is not centered on all screens. On the mobile and tablet, the logo is missing. How can I center the logo on all devices?

Is it possible for me to center the logo without getting the premium version? This is the only change necessary, and I do not need the other premium features.

I tried using the below code in CSS but it does not work.

.site-logo {
width: 100%;
text-align: center;
}

———————

I also tried the below code but it does not work on all screen sizes. It is not responsive.
.site-logo-link > img, .custom-logo-link img {
margin-left: 200%;
}