1. ncount
  2. Commercial Templates
  3. Wednesday, 01 April 2015
  4.  Subscribe via email
Hello Admin,

Thank you for your time, your work is top grade and I notice fast responses and impeccable service.

My issue is with the responsiveness of my Header image with regards to being viewed via Tablet (standard 10 inch).

After experimenting with the size of image that I upload into media manager, I am happy with how my Header image is displayed when a tablet is held horizontally (Landcape)
(Current uploaded Header image is 1600x900)

However when my Tablet is turned Portrait way up, the Header image needs to slightly replicate, in order to fill the Header section top to bottom/

This is undesirable.. Please tell me how I can have the Header image simply stretched top to bottom 100% portrait view of Tablet? Is there a special size I can resize my image or code I can use?

Many thanks

URL= http://www.ngatirehia.iwi.nz

P.s. Desktop view is completely fine + Iphone view is not important as focus is more on text @ small screen size
Accepted Answer Pending Moderation
0
Votes
Undo
Hi ncount

To amend could you try adding the following to the Custom CSS field of your templates parameters where 603px is the width of your logo image...


@media only screen and (max-width: 603px) {
#container_header, #header {
display: inline-block !important;
}}


Your logo should then resize to the width of the device it is viewed on.

CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok