Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2015 at 6:17 pm #421435
    sagarbekal

    Dear All
    Greetings !!

    I am using Enfold Photography theme for my website. However I am facing some issue with the frontpage banners resolutions and responsiveness.

    1) I had made images with text of size that will look good on a desktop. But when seen on mobile the text gets cut because of resolution of banner image in portrait mode (Images attached)
    2) Now I am using plain banner with background and used Caption Title (22px) and Caption Text (70px) which looks fine on Desktop.
    However the same gets opposite Caption Title becomes bigger size and Caption Text is samller size on mobiles. (Images attached)
    3) can we use Advanced Layer Slider as front page banner with full responsiveness on Enfold Photography theme.

    Please suggest some solutions for the issue.

    April 1, 2015 at 6:00 pm #422062
    Elliott

    Hey sagarbekal!

    1. + 2. On most of your slides it looks like your adding the text directly onto the image which is not going to work. On one of your slides though your actually using the captions which is correct but your setting the font sizes to px values. Try this instead.

    font-size: 2vw;

    To have it resize with the screen.

    3. You could use it but I don’t think it’s going to span the full height like our fullscreen slider. You could try placing the slider width and height to 100% to see how it works.

    Best regards,
    Elliott

    April 5, 2015 at 1:05 pm #423615
    sagarbekal

    Dear Elliot,

    Yes you are right some of the banners have text in them.

    However I tried your solution font-size: 2vw” ; there was no change.

    The text has options to change its size in pixels (px) only.

    Regarding your code font-size: 2vw ; Can you explain how it is to be done in detail?

    Let me also tell you, I have already some code in Quick CSS box:
    @media only screen and (max-width: 990px)
    {#wrap_all {position: relative !important;}}

    Please help !!

    April 6, 2015 at 6:34 pm #424110
    Yigit

    Hey!

    Can you please firstly update Enfold to the latest version 3.1.3 – kriesi.at/documentation/enfold/updating-your-theme-files/
    You can find more information on the code Elliott posted here – https://css-tricks.com/viewport-sized-typography/

    Best regards,
    Yigit

    April 8, 2015 at 2:04 pm #425284
    sagarbekal

    I checked the link, but still no clue on how to use the code “font-size: 2vw”

    There are 2 types of caption: Caption Title (22px) and Caption Text (70px)

    Kindly specify the exact code to be used for captions on fullscreen slider.

    Its urgent

    Thanking you in anticipation.

    April 8, 2015 at 8:15 pm #425556
    Elliott

    Hi!

    I checked your site again but it looks fine now. It looks like your using a media query to change the font size on smaller screens.

    .responsive #top .slideshow_caption h2 {
  font-size: 20px !important;
}

    Cheers!
    Elliott

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