Responsive is not truly responsive

camaxis · November 2016

Hi there,

I have created a website based on the BeTheme.

I was able to do it fully with options gaved, but I am struggling with a responsive theme.

It just does not look good, especially the homepage and "Product development".

Here is my website: www.camaxis.cz

I have not done any custom coding, so I expect the theme to create the responsive easily...

Is there any way to edit the responsive theme so I could make it look nicer and remove the glitches?

Thanks.

Lukas

Albert · November 2016

Hi Lukas,

looks like your site is not responsive because you disabled Responsive option under Theme options > Responsive > General section.

camaxis · November 2016

Oh Im sorry, I turned it off, now its on but it is just as ugly as I said before

Albert · November 2016

Sorry but which part is "ugly"? As we can see, everything looks fine. Just take a look http://pasteboard.co/p6gvhjHJb.png yourself on how it looks like on our end.

camaxis · November 2016

Hello,

I have those few glitches to solve:

1) Home + Product Development pages

http://pasteboard.co/rhdjQwFAu.png

Here the text (Product Development) is overlapping even though it is not on desktop.

The same is on the homepage.

2) Product Development page

Then if you scroll down, there are two pictures and two headlines above them - but each of those headlines is for each of the picture - so this way it is not sorted logically (I do not know how to make those headlines to appear above the pictures in responsive). You can check on the desktop website what I mean.

3) Contact page

Is there a way to make the pictures of us little bit smaller?

Thanks a lot.

Lukas

Albert · November 2016

1) Headings line height you can set up under Theme options > Fonts > Size & Style section.

2) Responsive always reads the content from the left side to the right by rows. And if you want to show Image / Text, etc, you need to put each Image and Text into a WRAP.

3) To decrease "Our team" item images, you need to use an extra css:

.team .image_frame { width: 70% !important; }

Responsive is not truly responsive

Comments