[maciejakubzawadzki]

Hello,
I am having a hard time with logos and site name in the mobile version.They don’t seem to be responsive and simply too big.They take half of the screen together with the grey background stripe.
The website is http://www.buildingvr.eu
Could you Please provide a code which would make them smaller on the mobile version?I prepared a special logo before with the name of the site already on it.It worked fine on the mobile version but in the desktop version was on the other hand too big.

[Sakin]

@maciejakubzawadzki: Yes, we didn’t wanted to adjust the logo as many times, users just want same logo in all the devices.

To reduce the size of the logo in mobile devices, you can use the following css and adjust it as per your need. You can add css in “Appearance => Customize => Additional CSS” box. In the following css change the max-width as per your need.

/* Size for logo in Mobile */
.custom-logo {
    max-width: 180px;
}

/* Size for logo in bigger devices */
@media screen and (min-width: 1024px) {
	.custom-logo {
	    max-width: 180px;
	}
}

Regards,
Sakin

[maciejakubzawadzki]

Wow! that is great! It worked.Thanks Sakin!
Could you also look into one bug we are having.
it’s the first page of the website that appears to lag when going down to the second page underneath.It happens only in the mobile version this jamming.
And second matter.Is is possible to skip the name section 0,1,2 etc in the link?Instead we could the name of the pages of ouw maybe?
https://www.buildingvr.eu/#section0

[Sakin]

@maciejakubzawadzki: I don’t see lag in my mobile device. I check in your site. Since, this is fullscreen script, it might do in few mobiles. There is nothing we can do about this. Sorry.

Right now there i no option to change the anchor mane. But we will definitely look into it and see what we can do in next version update. Thanks for the raising the issues. We have noted down.

[flopifer]

Hello, I’m having issues with my logo in mobile view.
I tried to apply this CSS code:

/* Size for logo in Mobile */
.custom-logo {
max-width: 180px;
}

/* Size for logo in bigger devices */

@media screen and (min-width: 1024px) {
.custom-logo {
max-width: 180px;
}
}

but nothing happens. This is my webpage:
Thanks!

[Author]

Posts