Support » Fixing WordPress » Help flex box or make responsive text boxes!

  • nachoh

    (@nachoh)


    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)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you use Media Queries to only enable flexbox on desktop?
    E.g.

    @media screen and (min-width: 768px) {
    
        .foo {
            display: flex;
        }
    }

    nachoh

    (@nachoh)

    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!!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    How did you get flexbox working to begin with?

    nachoh

    (@nachoh)

    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!!!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    nachoh

    (@nachoh)

    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!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Please note that you have up to 35 minutes to edit your post. After that the URL will not be removable.

    nachoh

    (@nachoh)

    Sorry for my ignorance. What does that means?

    thanks!!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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/

    Otherwise I would recommend looking at a professional: 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.