Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #169992

    Hi there,

    Fantastic theme, I’m really enjoying working with it! Just two problems.

    1. I’m using the full width EasySlider on my front page which looks great in a large window, but it’s cropping the images in smaller windows. Is there a way to make it resize so that the whole width of the image will always be in view?

    2. The logo in the top left corner crops when the window gets down to mobile screen sizes. Also my friend tried to look at it on her iPhone and it’s cropped there as well.

    site is at: http://isaacalderson.com/isaacnew

    Any help would be much appreciated. Thank you!
    – isaac

    #170257

    Hi groggy4pres!

    1.) It will show the full width of the image but it takes time to resize. You can resize your browser then reload the page, you’ll see the whole width of the slider image.

    2.) It doesn’t crop on my end but the logo needs a top margin. Add this on your custom.css or Quick CSS:

    .logo {
    margin-top: 20px;
    }
    
    .header-scrolled .logo {
    margin-top: 0;
    }

    Cheers!
    Ismael

    #170570

    Hi Ismael,

    Thanks for your reply. I’ve tried reloading the homepage with the window resized, and it doesn’t work. The image is still cropped.

    Also I’ve added the top margin, which makes the logo look better, but yes, the logo definitely crops in a smaller window size.

    I would really like to resolve these two issues, and I would appreciate some further help. Otherwise I totally love the theme.

    Thanks for your time,
    – isaac

    #170708

    Hello!

    Please post a screenshot of the “cropping issue” here. The logo looks fine when I check it on Chrome and Firefox. What browser and OS are you testing it with?

    Cheers!
    Ismael

    #170735

    Hi,

    Sure thing. Here’s a link to the screenshot:

    http://isaacalderson.com/screenshots/cropping.png

    You can see that the logo is cropped, and also the slider image (showing only one musician, there are four in the full size photo). I have viewed it with Chrome V. 30.0.1599.69, and Safari V. 6.0.5 (8536.30.1), both have the same problems. I am running Mac OSX V. 10.8.5.

    Thanks for your time,
    – isaac

    #170927

    Hi Isaac!

    Try adding this CSS code to the Quick CSS:

    .logo img{
    width: 115% !important;
    }

    Result:

    Cheers!
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Problem with EasySlider, and logo’ is closed to new replies.