Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #307117

    Hey there! I’m running into two problems with Incarnation:

    1. On the homepage slideshow, the bottom horizontal rule is flexing by 1-2px between images even though the images are the same size. It should be a smooth fade with a static horizontal rule above and below the slideshow.

    2. Everything is working perfectly for responsive, except for page titles. Titles are not wrapping or scaling and are cropping off the right-side of the page instead.

    Thank you!


    Hi cavanaughb!

    Thank you for using Enfold.

    1.) Still not sure why the slider is acting that way. Do you mind adding a white space or horizontal rule below or above the slider?

    2.) You can resize the title of the font on mobile view with this:

    @media only screen and (max-width: 767px) {
    .title_container h1 {
    font-size: 18px;

    Best regards,


    Hey Ismael,

    We may have fixed both solutions, but wanted to verify the code with you. Does all of this look correct?

    1. I couldn’t figure this out either, but suspect someone hid a bunch of elements on the homepage and it’s causing a small visual twitch. Since all images have the same height, I applied a height to the slideshow container:

    #top #slideshow_big .slideshow_container {
    max-height: 445px !important;

    2. Instead of modifying the font-size, we decided to make the container wrap.

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    #main .container .main-title { max-width:415px !important; line-height:normal !important;}
    @media only screen and (max-width: 479px) {
    #main .container .main-title { max-width:250px !important; line-height:normal !important;}

    Many thanks again,

    • This reply was modified 4 years, 2 months ago by  cavanaughb.


    It does look ok now. Glad you fixed it. :)


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Slideshow & Title issues’ is closed to new replies.