Responsive Call to Action image distance

  • Resolved TripleMoxy

    (@triplemoxy)


    12 years, 1 month ago

    My site is https://www.wheretofeed.com.

    The problem I have is that when the Home page is viewed on a small screen (iPad mini or iPhone) the Call to Action button sits right on top of the main image and the image sits off-centre: that is to say, slightly to the left.

    Is there a way to increase the whitespace between the bottom of the Call to Action button and the image when the screen is small and in portrait mode? Can anything done to centre the image in those situations?

    I would be grateful for any help.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    The image source you have would work much better if you change this:

    <img src="https://www.wheretofeed.com/wp-content/uploads/2013/01/DSC00378-e1359304566845.jpg">

    to this:

    <img src="https://www.wheretofeed.com/wp-content/uploads/2013/01/DSC00378-e1359304566845.jpg" width="440" height="298" class="aligncenter">

    Emil

    Thread Starter TripleMoxy

    (@triplemoxy)

    Thank you for the code. It worked wonderfully.

    Could I ask what part of that ensured that a space was left between the blue button and the image? I can see the code dealing with the align, but I’m curious about the spacing.

    Thanks again for the advice and for an excellent theme.

    aligncenter does the trick ??

    You’re welcome, thanks for using Responsive.

    Emil

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Call to Action image distance’ is closed to new replies.