Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 14, 2016 at 5:03 am #660653
    invishane

    Hello! I’m having an issue where the full screen slider looks great on a 1080p+ screen, but as the resolution gets smaller, some of the caption elements etc are getting cut off. It’s really bad on iPhone 6 Plus screen on landscape mode it cuts off a huge portion… I’ll paste link in the private area…

    July 14, 2016 at 7:49 am #660704
    Vinay

    Hey invishane,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    The below css will reduce the font size when the height of the window is less than 600px to fit the rest of the content. if the screen height is very small you may have to hide the text content and display only the buttons.

    @media only screen and (max-height:600px){
	.slideshow_inner_caption p, .slideshow_inner_caption h2{
		font-size:14px!important;
		line-height:20px;
		margin:0!important;
	}
}

    Let us know if you have any questions.

    Best regards,
    Vinay

    July 14, 2016 at 4:11 pm #660919
    invishane

    hi! that didn’t seem to work everything is still cut off in landscape mode. I found that using a textbox module inside of a color section sort of comes closer to what i need but the text doesn’t seem responsive, it gets all squished together…I’ll put links in the private section.

    thanks in advance for your help!

    July 15, 2016 at 4:27 pm #661420
    Yigit

    Hi,

    You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different elements on mobile and desktop

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.