Logo right justified

Posted in : TheBlogger
hblum
Participant
5 January 2018 at 20:36
#51841

Is there any way to make the logo for my site right-justified? Any possible custom CSS code if it’s not possible with the theme as-is?

Thanks!
serkan
Moderator
6 January 2018 at 00:25
#51848
Hi,
You can use this custom css code;
```
.site-branding { text-align: right; }
```
Thanks
hblum
Participant
9 January 2018 at 17:33
#51901

Thank you!! (Looks a little wonky on mobile though. Any fix for that?)

serkan
Moderator
9 January 2018 at 17:48
#51902

Hi, Could you provide me your related url, please?
Thanks

hblum
Participant
9 January 2018 at 17:49
#51903

Sure, it’s https://blog.nsslha.org/

hblum
Participant
9 January 2018 at 17:50
#51904

(I didn’t end up using the custom CSS because of the wonky mobile look.)
serkan
Moderator
9 January 2018 at 18:02
#51905
Hi, If you implement this code, it affects both the desktop and mobile appearance. The logo will appear on the right-hand side of the header on both devices.
```
.site-branding { text-align: right; max-width: 100%; }
```
However, this code will only allow the logo to appear on the right side of the desktop device. It will appear in the center of the mobile devices.
```
@media screen and (min-width: 768px) { .site-branding { text-align: right; max-width: 100%; } }
```
Thanks
hblum
Participant
9 January 2018 at 18:46
#51906

Perfect! Thanks so much, Serkan!

serkan
Moderator
11 January 2018 at 13:24
#51915

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

TheBlogger WordPress Theme

by pixelwars