Header image – animation on page load

[shawnaleighdesigns]

Hello again,

Thanks for responding so quick! Here is the link to the site: http://dev.sldproject.com/276439/

I added the code that you referenced but it didn’t work. Let me know if you can come up with a resolution! If not, maybe see if you can include an option in the next theme update? : )

[Swift Ideas – Ed]

Ahh, try replacing the code with:

.page-heading.fancy-heading {
transform: none!important;
}
.page-heading-breadcrumbs.fancy-heading .heading-text {
    opacity: 1!important;
    margin-top: 0!important;
    transform: translateY(-50%)!important;
}

– Ed

[shawnaleighdesigns]

Ah great! It worked! One last question for now. I added a calendar to the calendar page: http://dev.sldproject.com/276439/calendar/ and it works fine on computers and larger mobile devices, but once you look at it on normal/smaller phone, the calendar cuts off at Wednesday. Is there a way to fix this or is there a better solution for this? I just wanted something simple like what is on there now but it won’t work for the mobile site.

[Rui Guerreiro – SUPPORT]

Hi,

I’m afraid not since the Html tables are not responsive.

Has an alternative you can use the current content for the desktop and tablet and create a different style for the mobile, I would advise the Accordion asset where each table column will be an accordion section.

To achieve that you need to place the table inside a Row and change the visibility settings. Then add a new Row and change the visibility settings to display only in mobile and add the Accordion inside the Row.

Hope it helps.

-Rui

[Swift Ideas – Ed]

Try adding this css:

@media only screen and (max-width: 767px) {
.spb-asset-content {
overflow: scroll;
}
}

– Ed