Wrong responsive, titles and arrange

pere88 · May 2016

Hi,

I have some problems with betheme in responsive mode, >768. The fancy heading dont respect the space between two lines and the text is mixed. check it at: http://epacademy.es/inicio

Same problem appears in quienes somos? page, http://epacademy.es/quienes-somos

when resposive is active, the first section arrange the columns so bad, set first the row but the first thing must be columns!!

Check it

Hope your answer!!

Albert · May 2016

Hi,

please show us on screenshot what is happening on your end exactly.

pere88 · May 2016

Hi,

This page in small screen size for example: http://epacademy.es/quienes-somos/

first show the first row, icons. Then show the second row, the titles... too bad. First must be show first COLUMN, icon title text, icon title text. Then must be show the second COLUMN.

Do you know what I mean?

Albert · May 2016

Ok, we see what you mean. As we can see all works just as supposed to work. Responsive read the content rows by rows from left to the right side. So if you want to display the content like you described above, you should put details that you want to be together into individual WRAPS.

pere88 · May 2016

OMG, I'm a real dummy.

Thanks for all!

Close topic!

pere88 · May 2016

Just last one problem with responsive.

Where can I find the next line in home: h1, .text-logo #logo {font-size: 15px;line-height.15px

url: http://epacademy.es/inicio

I need to change lline hieght to 30px, because in responsive mode the text lines are very close.

Regards!

Albert · May 2016

There is no need to change it in theme files. You can overwrite this css under Theme options > Custom CSS & JS > Custom CSS section.

pere88 · May 2016

I pasted this:

@media only screen and (max-width: 479px)

h1, .text-logo #logo {

line-height: 30px;

}

h2 {

line-height: 25px;

}

But dont works

What is the correct code? remember, I want to do the change in: @media only screen and (max-width: 479px)

Regards!

Albert · May 2016

Above css is wrong. You forgot about brackets for @media only screen part. If you don't know what we mean, we suggest to look at http://www.w3schools.com/cssref/css3_pr_mediaquery.asp where this has been explained.

pere88 · May 2016

OK!

I overwrite full h2 tag. This way works!

Regards!!!!

Albert · May 2016

Great!

Wrong responsive, titles and arrange

Comments