Logo on mobile showing with not right alignment

AhmetSait · June 2017

Hi

I use on my site (www.fishcorp.no) parallax demo site.

http://themes.muffingroup.com/be/parallax/

Transparent layout for the menü and logo is active and I received following attached CSS code to place the logo on the rigt site, which works well.

The issue I have is on mobile the logo is not displayed just beside of Menu. Vertically it looks not bad, bad vertically the logo is placed / alligned centered to screen. I changed logo style under Be Theme Responsive options, but with no effect on mobile.

Is it possible to provide me a CSS code for that?

.header-simple #Header a.responsive-menu-toggle {
     right: unset !important;
    left: 0 !important;
}
#Top_bar .logo {
    float: right !important;
    
}

Bryan · June 2017

Hi,
the logo looks like this on mobie:
http://prntscr.com/fisd2o
What is wrong?
thanks

AhmetSait · June 2017

Hi

It's currently alligned in the center but should be just alligned to right. It should be alligned right and should show up on the left side of the menü.

Please see my screen shot on the link below:

https://www.dropbox.com/s/nk7r21e2na2vb67/2017-06-13 09_40_07-Mit Lightshot geschossen.png?dl=0

Best regards

Ahmet Sait

Bryan · June 2017

Try this css

@media (max-width:767px) {
	a#logo {
		text-align:right !important;
		padding-right:20px !important;
	}
}

AhmetSait · June 2017

Thanks for your reply, which made the right allignment.

Now there is no space between menü and logo. Is it possible to have about 5 to 10 px space between these two objects?

Bryan · June 2017

Just decrease the padding value in the css. Besided, it will not be perfect since it is responsive.
thanks

Logo on mobile showing with not right alignment

Comments