header: center text instead of logo on mobile

Tagged: center text in header, center title, header text, header text on mobile, Responsive title, text instead of logo

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

Author

Posts
October 17, 2016 at 10:43 am #699875

realit-treuhand
Participant

Hi guys,

I recently realized, that on those websites, where I replaced the logo with text in the header, the text is not centered anymore on mobile. It used to be like this without adding anything to quick css. Must have been an update or something.

Any ideas what I need to add to quick css in order to center the header text on mobile and tablet?

Best regards,
Michel & Aline

October 18, 2016 at 9:32 am #700486
Rikard
Moderator
Hey Aline,

Please try the following in Quick CSS under Enfold–>General Styling:
```
@media only screen and (max-width: 767px) {
.bg-logo {
    width: 100% !important;
}

.logo a {
    display: table !important;
    margin: 0 auto !important;
}
}
```
Best regards,
Rikard
November 1, 2016 at 4:25 pm #706780

realit-treuhand
Participant

Thank you, Rikard. That worked! Cheers

November 2, 2016 at 1:35 am #706938

Nikko
Moderator

Hi,

Glad we could help :)

Best regards,
Nikko
Author

Posts

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

The topic ‘header: center text instead of logo on mobile’ is closed to new replies.