Center mobile text

Beaver Builder
1

Hi,

I’d like to center text on mobile/small devices but there’s no option to do this with normal Text Editor (Headings have great settings).

What’s the easiest way to center normal text on small devices like smartphones?

I’m working on http://www.merjankaannospalvelut.fi/

TIA, Hannu

2

and I also noticed that the menu pops up when I scroll down - how can I disable the menu altogether?

3

Hey Hannu,

If you want all texts inside the Text Editor module to center when on mobile, you can use this CSS snippet below.

@media (max-width: 768px) {
  .fl-rich-text p {
    text-align: center !important;
  }
}

Re the menu, you can head over to Theme Customizer > Header > Header Layout and set Fixed Header to Disabled. :slight_smile:

Ben

4

Hi,

Header - Header Layout is “None” but the Header still appears when I scroll down

5

Hey Hannu,

Ah, sorry for my hasty reply above. Go ahead and change the layout to something else first so the Fixed Header option appears. When it does, set it to none, then change the header layout back to None. :slight_smile: I thought we already fixed that but I’ll have the guys know about it.

Ben

6

Now it’s working. Thanks!

7

Awesome! Enjoy BB! :slight_smile:

Ben