Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #219692

    Hi there,

    I am working on the following site: http://www.videyou.nu/wp

    I have been able (with your help) to get the header, logo, slider and navigation to look the way I want it to..
    This is the case on desktop and Iphone (portrait and landscape)

    However, on the Ipad (both portrait and landscape) the header, logo, slider and navigation are not looking the way I want it to look..
    How can I make specific settings for the Ipad screen size both portrait and landscape?

    Any suggestions?

    Thanx!

    #219760

    Hey Ben!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 989px) and (min-width: 767px) {
    div .logo { left: 6%; }}

    It will center the header in between 989px and 767px. You can adjust the code to make other changes you would like

    Cheers!
    Yigit

    #219911

    Hi Yigit!

    Thank you!!

    Can I also specify Landscape and portrait view on the tablet as they do not behave in the same way..

    For instance like this:

    @media only screen and (max-width: 800px) and (min-width: 767px) {
    /* Tablet styles Portrait */
    div .logo { left: 6%; }}

    @media only screen and (max-width: 989px) and (min-width: 900px) {
    /* Tablet styles Landscape */
    div .logo { left: 60%; }}

    Chrs!

    #219955

    Hi!

    Yes, you can. You only may need to adjust pixel values. Left 6% seems to be working fine for me

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.