Recent
Categories
View Replies (3)

Caitlin TemplateResponsive View

0
Votes
Undo
  1. webbie
    webbie
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 20 July 2016
  5.  Subscribe via email
Hello, in Caitlin template i can choose in responsive view, if the sidebar comes first or later. At my template it does not work. Also i want the distance between the top and and first content reduce in responsive view.
Can you help me with that?

I made the template settings Sidecolumn Positioning to ->After Component - but still it is before component
My url: ralphbosse.text.bz.it

Thanks a lot!
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Webbie

To amend try adding the following to the Custom CSS field of your templates parameters...


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

    #main {

        display: flex;

        flex-direction: column;

    }

    .sidecol_a, .sidecol_b {

        order: 1;

    }

}


You can reduce the height of the header on various sceensizes by adding the following to the custom CSS options within the 'Responsive Options' tab of your templates parameters (edit to taste)...


#header {

    height: 60px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
webbie
webbie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
This works great! Thanks a lot!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
obi
obi
Accepted Answer Pending Moderation
0
Votes
Undo
THX ciaran,
it also works with the "Nadia" template :)
  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!