1. amarks33
  2. Commercial Templates
  3. Monday, 26 October 2015
  4.  Subscribe via email
Folks,

I'm running Calibra, and I've managed to disrupt only the Phone Portrait view. I'm not sure how I did this.
http://www.alphalodge.org

I don't have anything listed in the Responsive Custom CSS for any of the fields.

I do have the following in Custom code, but I've tested after removing it (clearing the cache) and it doesn't make a difference.
===============
Container_hornav {
top: 160px;
}
#container_header {
height: 230px;
}
#container_showcase {
height: 100px;
}

Any assistance you can provide would be appreciated.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could I ask you to detail for me the issue you are having on mobile portrait? Is the issue present on any particular device?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I'm testing on the iPhone 6S. It worked fine until I did "something." I now see the following.
The Logo and menu are now centered and span the portrait view,
but all other modules display in just over 50% of the portrait view, with around 33% being just the background color. This does not happen in landscape view or on larger devices.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

It appears your site title is pushing out the template wrapper on smaller screens. To resolve could you try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 767px) {
h1.logo-text a {
font-size: 34px;
}
p.site-slogan {
white-space: normal;
}
}


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


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