1. thistleleaf
  2. Commercial Templates
  3. Wednesday, 09 March 2016
  4.  Subscribe via email
Hello,

I am using the lifestyle template but I have an issue I don't know how to fix. In responsive mode the pages look fab except on a tablet in portrait mode.

How do I set the logo size and width of side column a? The options are there for phone portrait and landscape but only tablet landscape.

Thanks
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


@media only screen and (min-width: 960px) and (max-width: 1024px) {
#logo img {
max-width: 200px;
}
.sidecol_a {
width: 40%;
}
#content_remainder {
width: 60%;
}
}


Note that as you increase the width of your sidecol you will have to reduce the width of the content area to match (#content_remainder ).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
That's fab, thank you - how would I do that for landscape mode as well?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Replacing the above with the following will also include tablet displays...


@media only screen and (min-width: 768px) and (max-width: 1024px) {
#logo img {
max-width: 200px;
}
.sidecol_a {
width: 40%;
}
#content_remainder {
width: 60%;
}
}


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!