• 

  emeliech

  Participant

  April 11, 2017 7:10 pm

  Hello 8theme 🙂

  I am using the visual composer to display an image on my “homepage”
  I have one to show on desktop, and one to show on mobile.

  I am doing this by hiding the row that I dont want on desktop and opposite..

  However, now there is an unwanted padding so the whole content, main image has moved down,
  I don’t seem to find a solution for it.

  Do you might know?

  Thank you
  Emelie

  Site URL: hidden

  Theme version: Latest

  WooCommerce version: Latest

  #159655 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  April 12, 2017 7:21 am

  Hello,

  You can use some custom css code. For example, add Extra class name in a row or element settings and your code in Custom CSS for page http://prntscr.com/evesrq with media query.
  Also, you can provide screenshots for better understanding and I will give you code.

  Regards,
  Rose Tyler.

  #159690 copied to clipboard

  Like
  

  emeliech

  Participant

  April 12, 2017 8:45 am

  Hello,

  Yes here is a screenshot, or you can also visit our webpage.
  It is the content on the “index/homepage” that has moved down.
  https://snag.gy/7ghUej.jpg

  I guess it is because I am using 2 different images, one to display on desktop/notebook/ipad
  and one to display on mobile

  Any ideas?

  Thank you
  Emelie

  #159716 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  April 12, 2017 9:28 am

  Hello,

  You can add this code in Theme Options > Global custom css:

  .home-big-image .vc_column-inner {
      padding-top: 0 !important;
  }
  .home .page-content {
      margin-top: 0;
  }

  Regards,
  Rose Tyler.

  #159722 copied to clipboard

  Like
Viewing 4 results
1 through 4 (of 4 total)