Recent
Categories
View Replies (4)

J51 Nocturne Responsive Issue

0
Votes
Undo
  1. nebuladesigns
    nebuladesigns
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 15 October 2013
  5.  Subscribe via email
I have a category on my site that is currently set to show articles in 3 columns. On normal wide screen and tablets its fine but when I resize my browser or view the site from a mobile device, all content in 3 columns appears squished.
Is there anyway that I can adjust the settings for mobile layout.
Can anyone advise me how and where to change it.
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could you try adding the following to the Custom CSS field of your templates parameters..


@media only screen and ( max-width: 767px ) {

.items-row .item {

    width: 100%;

}}

@media only screen and (max-width: 440px) {

.items-row .item {

    width: 100%;

}}


CIarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
nebuladesigns
nebuladesigns
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank You for the advice and very prompt response.

Issue has been solved.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
nebuladesigns
nebuladesigns
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
One more query regarding Nocturne. I am using an image logo and would like to know how it can be scaled on mobile devices. On mobile device part of the logo is not showing on the screen.

Kind Regards
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
May I suggest the following tutorial in this topic.. http://www.joomla51.com/tutorials/item/re-sizing-your-logo-for-smaller-screen-devices

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


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