• Hey,
    The header image does not resize on mobile and so it goes off screen, is there a way to make it responsive?
    It looks like this
    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello,

    Please use the below CSS code in custom CSS box and save the changes.

    @media (max-width: 480px){
    .logo img {
        width: 100%;
        height: 100%;
    }
    }

    This CSS code will help you. Let us know if any query.

    Thanks.

    Thread Starter kamilprz

    (@kamilprz)

    Thank you, that fixed it.

    Is there any way to make the images in the post scale a bit better as well?
    The images in the posts on mobile don’t look like they scaled too well.
    They look like this

    Thread Starter kamilprz

    (@kamilprz)

    Also, it doesn’t seem like the Blog AutoPlay checkbox makes no difference whether it is checked or not, the checkbox is under Home Blog Options.
    So the posts scroll regardless if the box is ticked or not. Is there a way to make the posts not scroll. (I only have 2 posts as of now)

    Thanks

    Hi,

    1) for blog image –
    Firstly make a child theme of your enigma theme with the help of this plugin. So the change will be saved if the theme update.

    After making a child theme. Go to the parent theme directory and copy the home-blog.php file and paste it into the child theme folder.

    Here (in the child theme folder) open this file (home-blog.php) and go to line no – 27 and see the code

    <div class="col-md-4 col-sm-12 scrollimation scale-in d2 pull-left">

    replace this code with the code given below and save the file.

    <div class="col-md-4 col-sm-12 col-xs-12 scrollimation scale-in d2 pull-left">

    2) And Blog autoplay is working fine. We have tested it in our WordPress.

    For this issue. Please deactivate your plugins one by one and check the issue.

    Thanks.

    Thread Starter kamilprz

    (@kamilprz)

    Hi,

    Sorry for late reply, I was away. I did what you said and changed that piece of code but nothing seems to have changed. Is there anything else you could suggest?

    Thanks

    Thread Starter kamilprz

    (@kamilprz)

    Hi,

    It looks like the picture has a width set to 100 % but height of the picture is set in pixels so it does not scale down when picture is displayed on a smaller screen.

    If you resize a browser windows on PC you can see same effect as well.
    I think both values should be set in percentages.

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive Header Image for Mobile’ is closed to new replies.