Is there a way to reduce the space on the mobile first page?

[bdendas]

Is there a way to reduce the “whitespace” on the mobile first page for Product Template > Custom Template?

Example: http://imgur.com/a/OkRfK

Also, how can I access this template: http://demo.themevan.com/dgwork/product/custom-template-2/#view ?

Thanks,
Brandon

[FocuxTheme Support]

Hi

1. You can add the following custom CSS into the style.css of the child theme or DGWork Options > Custom Code > Custom CSS

@media (max-width: 767px){
  .custom-edd-product-template.page_transparent_nav #dgwork-page-header {
    padding-top: 80px;
  }
}

2. You can import the demo template, or set the product page settings as below:

– Keep the product template as “custom template”.
– Scroll down the page to the bottom, you can see “Common custom page setting” area, just set the Header Text Alignment to “center”, https://www.dropbox.com/s/1db2mulb6ltno1j/Screenshot%202017-04-04%2022.26.44.png?dl=0
– Open Visual Composer Template manager, import the custom template 2 content. https://www.dropbox.com/s/or6jxz9x9mtr8g1/Screenshot%202017-04-04%2022.28.20.png?dl=0

Thanks

[bdendas]

This reply has been marked as private.

[FocuxTheme Support]

Try this

@media (max-width: 767px){
  .custom-edd-product-template.page_transparent_nav #dgwork-page-header {
     padding-top: 80px!important;
  }
}

You can also try to reduce padding-top value.

Thanks

[Author]

Posts