Adapting the layout to the ipad (footer image and position)

  • Unknown's avatar
    myriamphiro · Member ·

    Hello, I set up my blog using an hp and now i notice that using an ipad makes it look different. First, it changes the way my banner lands (it is cut both sides on the ipad) and it changes the alignment of the site (all the way to the left instead of centered). Could someone help me changing that using css code? What, and where exactly am I supposed to write in my CSS board? Thank you

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    I reviewed http://myriamphiro.com/ and I see that you are writing custom CSS to override the built in slider feature that shows featured images in the header area normally in the Soundcheck theme.

    You could make the header image adjust a little bit more nicely by replacing the current CSS you have for the header image with this instead:

    #hero .slides {
	background: url("http://myriamphiro.files.wordpress.com/2013/10/bannierecd1350width.jpg") center center no-repeat;
	background-size: contain;
}

#hero .slide {
	background: none;
}

    Note that this will override the slider-related settings in Theme Options. Also, this is just one possible option. Try it out and see what you think.

    If you need further help with the Soundcheck theme, please ask in the premium theme forum made just for that theme at http://premium-themes.forums.wordpress.com/forum/soundcheck

  • The topic ‘Adapting the layout to the ipad (footer image and position)’ is closed to new replies.