Question posted in
The full documentation can be found here.

responsive center text in divi theme header

Im using Divi 2.0 theme for one of my websites. I have a problem when trying to center thetext in a box and align the text in center on mobile version. I will attach pictures of my header desktop and mobile version. Where can be the problem, in the Divi css code?

Desktop version

mobile version

The url of my webiste is http://mupcku.com

Tags:

3

Answers


  1. 0

    When the device width reaches around 480px, the following CSS line is causing your problem:

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 80%;
    ...

    you could add the breakpoint at that weight and do something like:

    @media only screen and (max-width : 480px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
        width: auto;
        }
}
    Login or Signup to reply.
  2. 0

    If you’d like to keep the font-size and width and prevent long words from overflowing a box, the property you’re looking for is word-wrap: break-word.

    Login or Signup to reply.
  3. 0

    Your problem is very simple. This is because you have set margin of your row or section to 0px. No worries: just set it to default you will get your solution.
    Or else check our Tutorial at Tech Gigs

    In case still you are facing problem just hit a comment to us on our website.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search