chartsandtrends

Post editing capture

Sorry, I found the solution by myself by setting the dimensions as:
“width”: “100%”,
“height”: “400”,

The result is quite remarkable.
See here.

Thanks for the great help.

Thank you @crouchingbruin; the first general code works for all widgets, so I did not tinker with the second one.

I am however strugling with another widget that has no id.

Here is the code:

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/markets/currencies/forex-cross-rates/" rel="noopener" target="_blank"><span class="blue-text">Forex Rates</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-forex-cross-rates.js" async>
  {
  "width": "770",
  "height": "400",
  "currencies": [
    "EUR",
    "USD",
    "JPY",
    "GBP",
    "CHF",
    "AUD",
    "CAD",
    "NZD",
    "CNY"
  ],
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->

This one spills out horizontally as well on small screens.
When autoselect the pixel size is replaced with:

“width”: “100%”,
“height”: “100%”,

I am not sure how to set the auto width for this one due to the missing id.
Is there any fix here please?

Thank you so much @crouchingbruin for this idea.
This will set a common height for all Tradingview widgets but there are different types of them that may need a customized height setting such as for those I have inserted in this page.
This is in this case what happens when the ‘Autosize’ parameter is not selected and if you look at this page on a mobile device you will see how the widgets are stretched horizontally outside of the display area.
I was thinking that it may be possible to insert an additional line of code directly into the individual widget code to specifically adjust the widget’s height.
You think this is possible?

Problem solved by Theme provider according to:

@media (min-width: 768px) {
	#primary {
    -ms-flex: 0 0 80.000000%;
    flex: 0 0 80.000000%;
    max-width: 80.000000%;
}
  #secondary {
    -ms-flex: 0 0 20.000000%;
    flex: 0 0 20.000000%;
    max-width: 20.000000%;
  }
}

#secondary-2 {
    -ms-flex: 0 0 20.000000%;
    flex: 0 0 20.000000%;
    max-width: 20.000000%;
}

The % should alsways add up to 100%.
The @media parameter and min-width parameter is for the side bar to be displayed below the content on mobile phones.
Content = primary
Sidebar1 = secondary
Sidebar2 = secondary2

@media (min-width: 768px) {
	#primary {
    -ms-flex: 0 0 80.000000%;
    flex: 0 0 80.000000%;
    max-width: 80.000000%;
}
  #secondary {
    -ms-flex: 0 0 20.000000%;
    flex: 0 0 20.000000%;
    max-width: 20.000000%;
  }
}

#secondary-2 {
    -ms-flex: 0 0 20.000000%;
    flex: 0 0 20.000000%;
    max-width: 20.000000%;
}

Test

`@media (min-width: 768px) {
#primary {
-ms-flex: 0 0 80.000000%;
flex: 0 0 80.000000%;
max-width: 80.000000%;
}
#secondary {
-ms-flex: 0 0 20.000000%;
flex: 0 0 20.000000%;
max-width: 20.000000%;
}
}

#secondary-2 {
-ms-flex: 0 0 20.000000%;
flex: 0 0 20.000000%;
max-width: 20.000000%;
}

Resolved by Theme provider according to:

@media (min-width: 768px) {
#primary {
-ms-flex: 0 0 80.000000%;
flex: 0 0 80.000000%;
max-width: 80.000000%;
}
#secondary {
-ms-flex: 0 0 20.000000%;
flex: 0 0 20.000000%;
max-width: 20.000000%;
}
}

#secondary-2 {
-ms-flex: 0 0 20.000000%;
flex: 0 0 20.000000%;
max-width: 20.000000%;
}

Primary = content
Secondary = Sidebar1
Secondary-é = Sidebar 2
The % should alsways add up to 100%.
The @media parameter and min-width parameter is for the side bar to be displayed below the content on mobile phones.

I have purchased the premium version.
Let’s hope I can get help for my requests.

I have already posted that question on the Theme4Press page. The guy is rather unresponsive. Replies typically take days and most of the time swift and not accurate. MY question has been in their support forum for 3 days already.

I am encountering the same issue on my blog ChartsAndTrends since a couple of months. This error occurs with png files but not with jpg files for some unknown reasons.

• This reply was modified 5 years, 6 months ago by chartsandtrends. Reason: forgot to check the 'notify me' box

Problem solved.
I have deactivated the breadcrumbs navigation option under:
APPEARANCE / Page Title / Breadcrumbs / Page Title Bar

I don’t want to hide the category image on category page.
I want to hide the random product image that is displayed on top of the page, and there is no option to do so.

No, I do not see the sharing buttons; how to make them appear?

Also what about sharing on social networks when adding a new product?

I do not find any option to uncheck Breadcrumbs for the catalog.
Where is it?