badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

@Rabin: border around tablet layout

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #10218
    Jane
    Participant

    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

    #10232

    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

    #10256
    Jane
    Participant

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

    Does that clarify?

    #10267

    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

    #10270
    Jane
    Participant

    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?

    #10274

    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!

    #10282
    Jane
    Participant

    Thank you. I will try that tonight.

    #10286

    Ok Sure

    #10333
    Jane
    Participant

    Ooh, it works!

    Now to try it out on all devices.

    Thank you!

    #10339

    OK that’s great
    Thank you

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.