Title: Help flex box or make responsive text boxes!
Last modified: September 1, 2016

---

# Help flex box or make responsive text boxes!

 *  [nachoh](https://wordpress.org/support/users/nachoh/)
 * (@nachoh)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/)
 * Hi! I have a doubt. In my home page of wordpress I have 3 sections. In one of
   them Im writing some text and creating 4 text boxes, but I dont now how can I
   make them go vertically whem I go into the mobile version instead of horizontally
   like the pc version shows.
 * Sorry I cant pass the url becuase my boss doesnt want to, the site is not yet
   launched and they dont want me to share the url with anybody until the launch,
   so sorry about that, I know this way its more dificult. But I can copy and paste
   the code I have written down for this so somebody can help me understand How 
   can I make them responsive.
 * this is the code I wrote in the section of the home.
    —————————————————————————-
   <h2 style=”font-weight: lighter; text-align: center;”><span style=”color: #e43230;”
   >Sunco´s team has a primary goal: develop projects that can guarantee maximum
   competitiveness regard the selling price of energy.</span></h2><p style=”font-
   size: 18px; text-align: center;”>With this purpose, we have created a first level
   team, focalized in four critic areas that creats value in the structuring and
   development of renewable projects.</p><p> </p><p style=”width: 25%; height: 60px;
   text-align: center; font-size: 1em; padding-top: 1.5%; background-color: #e43230;
   color: white; border: 1px solid white; border-radius: 10px;”>Development</p><
   p style=”width: 25%; height: 60px; text-align: center; font-size: 16px; padding-
   top: 1.5%; background-color: #e43230; color: white; position: relative; left:
   25%; top: -76px; border: 1px solid white; border-radius: 10px;”>Construction &
   Design</p><p style=”width: 25%; height: 60px; text-align: center; font-size: 
   16px; padding-top: 1.5%; background-color: #e43230; color: white; position: relative;
   left: 50%; top: -152px; border: 1px solid white; border-radius: 10px;”>Energy
   Trading</p><p style=”width: 25%; height: 60px; text-align: center; font-size:
   16px; padding-top: 1.5%; background-color: #e43230; color: white; position: relative;
   left: 75%; top: -228px; border: 1px solid white; border-radius: 10px;”>Financial
   Structuring</p><p style=”text-align: center; position: relative; top: -190px;”
   >Click here to meet our managment team</p>

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717947)
 * Can you use Media Queries to only enable flexbox on desktop?
    E.g.
 *     ```
       @media screen and (min-width: 768px) {
   
           .foo {
               display: flex;
           }
       }
       ```
   
 *  Thread Starter [nachoh](https://wordpress.org/support/users/nachoh/)
 * (@nachoh)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717957)
 * Sory! Im new in this world of programing css, html and java. Where do you say
   I have to put thay code?
 * What is “.foo”?
 * Thanks a lot!!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717961)
 * How did you get flexbox working to begin with?
 *  Thread Starter [nachoh](https://wordpress.org/support/users/nachoh/)
 * (@nachoh)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717968)
 * Oh no sory I havent make it work I just type the eord because I thougtj it had
   to be with that. But actually Im lost.
 * I need to make those boxes shown vertically in a mobile version instead of horizontally
   like the pc vesion. Hoe can I do this?
 * Thanks!!!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717970)
 * Can you tell us more about your environment
    [https://codex.wordpress.org/Forum_Welcome#Include_as_Much_Information_as_Possible](https://codex.wordpress.org/Forum_Welcome#Include_as_Much_Information_as_Possible)
 *  Thread Starter [nachoh](https://wordpress.org/support/users/nachoh/)
 * (@nachoh)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717976)
 * hei! look I can pass you the url.
 * the section “TEAM” with the 4 red boxes is the one I need to make responsive 
   and go vertically in a mobile version!
 * any idea??
 * Thanks very much!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717986)
 * Please note that you have up to 35 minutes to edit your post. After that the 
   URL will not be removable.
 *  Thread Starter [nachoh](https://wordpress.org/support/users/nachoh/)
 * (@nachoh)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717993)
 * Sorry for my ignorance. What does that means?
 * thanks!!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717995)
 * Resolving this issue will require knowledge of how the theme works and unfortunately
   that knowledge is only with the developer. Unless someone is looking underneath
   the bonnet (which we don’t allow on the forums), your best bet is to contact 
   the theme developer for support: [http://webcarpet.net/empieza-tu-proyecto/](http://webcarpet.net/empieza-tu-proyecto/)
 * Otherwise I would recommend looking at a professional: [http://jobs.wordpress.net](http://jobs.wordpress.net)

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

The topic ‘Help flex box or make responsive text boxes!’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/help-flex-box-or-make-responsive-text-boxes/#post-7717995)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics