Responsive

[knudkp]

Looking at this site on an Android phone, and in someways in IE, FF makes me think it is not 100% responsive. Wot is your opinion to this, and can i do anything about it?

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide further details?
What specific asset you think is not responsive?

Some screenshots will help.

-Rui

[knudkp]

i will find a way to provide the several screenshots asap.

We found out by testing on an iPad, Samsung Galaxy S6, an iphone, and another Android phone that:

1- The primary menu shows up as expected and are ok
2- You can slide the webpage from right to left, and a “greay/white” area shows up doing so
3- The pictures on the frontpage does not show like they are true responsive
4- The text seems appear wrong on all pages

But as said, i will come back with a set of links to screenshots.

//Knud

[David Martin – Support]

Hi,

When I test your site in various screen sizes, I do not encounter any issues.

Best thing to do is provide annotated screenshots of what you are referencing as it sounds more like you are looking to tweak various site elements for smaller screen sizes.

– David.

[knudkp]

1) Well, i dont have the picturs on the front page no more, but look at the white area in the right. I saw the page mamsen.dk on an Android phone, and could slide the page from right to left.
https://www.dropbox.com/s/d9sp1mbkubfb9hu/2015-11-05%2018.37.56.png?dl=0

2) In my opinion it doesnt look that responsive
https://www.dropbox.com/s/m1toox6fokihcyf/2015-11-05%2018.37.39.png?dl=0

3) Ehhh ….
https://www.dropbox.com/s/0iq0jkpm7nz9qql/2015-11-05%2018.37.12.png?dl=0

4) Ehhh … wiered
https://www.dropbox.com/s/jme7g9panvim1q6/2015-11-05%2018.36.38.png?dl=0

Thanks
knud

[David Martin – Support]

Hi,

Please add this to your theme options CSS, it should amend that spacing.

@media only screen and (max-width: 767px) {
.logo-left .container .ten.columns {
    width: 100%;
    max-width: 480px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.logo-left .container .ten.columns {
    width: 100%;
    max-width: 480px;
}
}

Thanks,
David.

[knudkp]

It helped a bit … but deffenetly not all of it

Still, when I look through Google Chrome on my Android phone the picture on the front page and the text … hasa a lot of empty space between them.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
#main-container {
    padding-top: 0px!important;
  }
}

-Rui