[Jane]

Hi Rabin,

You’ve been really helpful with some of your support replies, so I hope I might be able to target you with this little issue I am having.

I have changed the responsiveness perameters so the desktop view is still displayed on full-size tablets such as the ipad, as otherwise I lose my nice design and important information as it gets rid of the sidebar. I did this by changing “@media only screen and (max-width: 1078px)” to max-width: 767px. This is possibly a fudge, but it works well.

It looks great in landscape mode, but in portrait the text is very close to the edge of the screen. Is there a way to add margin, border or padding to give a bit of space at the left and right edges of the screen? I am hoping a simple change to css will work.

This is my site: http://www.janekillick.co.uk

I want it to behave in a similar way to the publisher site at : http://www.ellybooks.co.uk. That uses a theme where responsiveness can be turned off for tablets, which would be a great addition to the attitude-pro software.

I’m using two themes because I want the two sites to look different. I hope I will able to keep the look I want using attitude-pro on tablets, rather than displaying a website where some of the information is missing.

Regards,
Jane

[Theme Horse Support Team]

Hi Jane,

What you exactly need to do? Are you want to remove the responsiveness and look the websites as it display on desktop view OR you want to remove the responsiveness for specific devices only. Clarify us so that we can help you to the exact point.

Thank you for using our theme.

Regards,
Theme Horse

[Jane]

I would like to remove responsiveness — keep desktop view — when being viewed on full size tablets such as the ipad.

Does that clarify?

[Theme Horse Support Team]

Hi jane,
Sorry we don’t have this feature in our theme. We have designed our theme this way. If you want to remove then in style.css there is @media for all devices. You need to remove all the @media query.
We recommend not to change the code because while updating to our new version all the customization code will be lost. We will think about it to have this facility in our upcoming version.
Thank you

[Jane]

Yes, I said that in my original question.

As I stated, I have changed the @media query in css to maintain desktop view on full size tablets such as ipad. However, when viewed on portrait mode, the text is very close to the edge of the screen. How would I modify the css to create more of a border at the left and right of the screen?

[Theme Horse Support Team]

Hi Jane,

you need to add this code <meta name="viewport" content="width=1078" /> instead of <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> inside theme folder library -> structure -> header-extentions.php and also remove all the media CSS queries at the bottom of the style.css file.
Make sure that all the edited file will be replaced by a new one while you update the theme. After update you need to edit all the file accordingly as before to have a same effect on the site.

Thank you!

[Jane]

Thank you. I will try that tonight.

[Theme Horse Support Team]

Ok Sure

[Jane]

Ooh, it works!

Now to try it out on all devices.

Thank you!

[Theme Horse Support Team]

OK that’s great
Thank you

[Author]

Posts