Recent
Categories
View Replies (3)

Scarlett - move sidecol on mobile devices

0
Votes
Undo
  1. TorstenL
    TorstenL
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 23 January 2017
  5.  Subscribe via email
Hello Ciaran,

on mobile devices, I would like to move the sidecol-b underneath the main content. Currently it´s showing beside the main content in landscape mode.
I´ve tested it on an Amazon Kindle Fire HD and also with the Screenfly-Tool.
Live site

Many thanks
Torsten
  1. scarlett
  2. sidecol-b
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Torsten

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

.backgrounds .sidecol_a, .backgrounds .sidecol_b {display:none;}

#content_remainder {

	width: 100% !important;

}

.sidecol_a, .sidecol_b, .items-row .item, .top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2 {

	width:100% !important;

}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
TorstenL
TorstenL
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

thanks for the update, all is working now :D
On the Kindle Fire, the site is showing fine. With the Quirktools, the order is showing wrong. Seems to be a bug with the tool?

Best regards
Torsten
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Admittedly I am not familiar with this tool it is possibly a caching issue or how the tool is triggering the media query.

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!