Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2014 at 11:23 pm #219692
    BenWorx

    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!

    February 5, 2014 at 4:39 am #219760
    Yigit

    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

    February 5, 2014 at 1:36 pm #219911
    BenWorx

    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!

    February 5, 2014 at 4:14 pm #219955
    Yigit

    Hi!

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

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘On Ipad Header, logo, slider and navigation off center’ is closed to new replies.