Logo resize and alignment

4 replies · opened Apr 16, 2019

Ccochn01Apr 16, 2019

Hello,

How could I resize header logo and center it only for mobile view?
Could this be done?

THANK YOU

SSemicolon WebSTAFFApr 17, 2019

Hello,

This is Definitely Possible! There are two available options for achieving this:

  1. You can simply use the Responsive Classes to resize your Logo and center it on Mobile Devices. Example:
.device-xs #logo { text-align: center; }

.device-xs #logo,
.device-xs #logo img { height: 60px; }
  1. You can use an Alternate Logo on your Mobile Devices. Simply use the following code:

	[
![attachment](images/logo.png)
](index.html)
	[
![attachment](images/logo@2x.png)
](index.html)

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ccochn01Apr 17, 2019

Oh I forgot one important factor...

Looking to have Logo Centered on Mobile
No Hamburger Top Menu but Show Social Media Menu (Centered) under Llogo

Sorry. Thanks!

Nina

Ccochn01Apr 19, 2019

OKay,

Thank you so much... Awesome will give it a try!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard