- This topic has 9 replies, 3 voices, and was last updated 8 years, 10 months ago by Theme Horse Support Team.
May 11, 2014 at 11:47 am #10218
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.
JaneMay 12, 2014 at 7:22 am #10232
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.
Theme HorseMay 12, 2014 at 4:48 pm #10256
I would like to remove responsiveness — keep desktop view — when being viewed on full size tablets such as the ipad.
Does that clarify?May 13, 2014 at 2:51 am #10267
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 youMay 13, 2014 at 5:52 am #10270
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?May 13, 2014 at 7:54 am #10274
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!May 13, 2014 at 11:45 am #10282
Thank you. I will try that tonight.May 13, 2014 at 1:07 pm #10286
Ok SureMay 15, 2014 at 8:30 am #10333
Ooh, it works!
Now to try it out on all devices.
Thank you!May 15, 2014 at 12:09 pm #10339
OK that’s great
- You must be logged in to reply to this topic.