Caitlin TemplateResponsive View

Votes

Undo

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)

obi

Accepted Answer Pending Moderation

Votes

Undo

THX ciaran,
it also works with the "Nadia" template

more than a month ago
Commercial Templates
# 1

webbie

Accepted Answer Pending Moderation

Votes

Undo

This works great! Thanks a lot!

more than a month ago
Commercial Templates
# 2

ciaran

Accepted Answer Pending Moderation

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

more than a month ago
Commercial Templates
# 3

Page :
1

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

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Caitlin TemplateResponsive View

Site Links

Recommended

Join Our Newsletter