Recent
Categories
View Replies (1)

Header Slideshow together with J51 - Carousel

  1. Issue
0
Votes
Undo
  1. Autifon
    Autifon
  3. Commercial Templates
  4. Thursday, 01 March 2018
  5.  Subscribe via email
I used Caitlin for http://www.moldobjects.com and have a strange behaivior with Header Slideshow together with J51 - Carousel:

On desktop PC the Page looks fine (see screenshot 1).
The height of the text in the carousel was a problem, i put the text in the 4 colums in a table to assure everything has same hight.
So the backround pic in showcase doesnt toggle. (see screenshot 2)

Looking at the webpage by mobile device (iphone) i get crap. the text ist broken to multiple lines, and the hight of showcase toggles. and even overlays to lower positions of the webpage. see screenshot 3.

What do i have to do, to fix this?

Many thanks for help, Autifon
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Admittedly I am unable to replicate the text not wrapping (iOS). However adding the following to the Custom CSS field of your template settings should resolve the other issues...

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

#header_bg {

    overflow: hidden;

}

#container_slideshow .module_surround {

    padding: 0;

}

.owl-item h1, .owl-item h1 span {

    line-height: 1.9rem;

    font-size: 1.6rem !important;

}}


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


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