Navigation
Archive / Another minor CSS issue with my website (Page 3)
This is archived content. Visit our new forum.

Tagged: 

1 2 3
  • Author
    Posts
  • September 6, 2016 at 7:03 am #1162944
    Paul R
    Moderator

    You’re welcome! 🙂

    September 6, 2016 at 2:50 pm #1163467
    gignnn
    Participant

    Hey guys,

    I just noticed a minor issue with my website when I decrease the width of the browser — one of the images appears twice when the responsive css is transferring from desktop to mobile device. Please see the attached image for a visualization of the issue. Can you show me how to tweak the code so this photo doesn’t show up twice within this particular width (approx. 900 pixels or so).

    Thanks again for all your help!

    September 6, 2016 at 6:39 pm #1163629
    Jade
    Moderator

    Hi there,

    Please update the code you added for the image that will appear on desktop to:

    <div class="cs-hide-sm cs-hide-xs">
<img class="x-img x-img-thumbnail" src="//nnnpropertiesgroup.com//wp-content/uploads/2016/08/homepagebuildings.png?d6d45b">
</div>

    then the image to display on mobile to:

    <div class="cs-hide-xl cs-hide-lg cs-hide-md">
<img class="x-img x-img-thumbnail" src="//nnnpropertiesgroup.com//wp-content/uploads/2016/08/homepagebuildings.png?d6d45b">
</div>

    Hope this helps.

  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-1150820 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>