I have a Finnish language blog but I am also using some Arabic text. The Arabic text is displaying correctly on desktop like pc, laptop etc. However, when I try to open the same blog post on my mobile (android) there is lot of space between words and the Arabic is not in correct order.

Can someone please help? I will really appreciate any help.

P.s I am using Oxygen builder

Your plugin’s feature, Live Commenting and Notifications, does not work properly on mobile phones nor tablets as described below.

Specifically:

1. When we click on the icon, the page does not move to the new comment entry section we have set via CSS (see note below)

Note:

In our case, we placed the new comment section at the bottom of our page using the following CSS code:

#wpdcom  {
    display:  flex;
    flex-direction:  column-reverse;
}

2. When we scroll our page and then click on the icon for the 2nd time, the page does not move at all — much less to the new comment section. This happens on all devices (desktops, laptops, mobile phones, and tablets)

The above occurs with REST API enabled or disabled.

Please review and provide a fix.

Thank you!

—————–

Temporary Solution:

1. Option 1: Disable this feature globally.

2. Option 2: Disable this feature on mobile phones and tablets using the CSS code below.

@media only screen and (max-width: 1380px)  {
    #wpd-bubble-count {
    display: none!important;
}}

@media only screen and (max-width: 1380px)  {
    #wpd-bubble-all-comments-count  {
    display: none!important;
}}

I’d like to change the look of my footer on mobile phones and tablets. I use five widgets and when I view my webshop on mobile, those widgets appear underneath each other in one column. But is there a way to put them in two columns?

So:
– 2 widgets on first row
– 2 widgets on second row
– Fifth widget on third row (full width)

I tried to fix this with some CSS codes I found on this forum, but they don’t seem to be working.

Ooh and how do I change the width of the footer area on desktop? I recently changed the width of my website pages in Elementor, so now the page and footer area don’t have the same width anymore.

Thanks in advance!

When viewing my Calculated Field form on my iphone, the form is choked up together and is hard to use (viewing it vertically).

But when i tilt my phone horizontally. The form is shown just as it’s supposed to. Just like on my desktop.

So, my question is this:
– How do we get the form to look as good when looking at vertically?

Best regards

With NextGEN you can add a picture from one of your galleries directly into your post. I think everybody knows that!

There has been a problem for years that on smaller screens (Smartphone) the pictures get distorted. We talk only about the picture directly added into a post, not about viewing the gallery itself.

In my case the problem appears with diagonal photos, not with the vertical ones. A diagonal photo in an article will not be displayed proportional with the smartphone. The picture will be displayed as a square!

For the last five years I did not care about this problem, because there was a simple solution.

I just went into the style.css of my page and found this part:

.wp-caption img {
display: block;
max-width: 98%;
max-width: calc( 100% – 14px );

I had to change it to:

.wp-caption img {
display: block;
max-width: 100%;
height: auto;

After doing this everything worked fine! After every theme update I had to do it again, because the theme-update changed the style.css back to normal.

But after the latest update it does just not do the trick anymore.

The style.css is now editor-style.css and there are new variables like margin.
No matter if i delete the new variables or not:
Changing the wp-caption img part to the good old….

.wp-caption img {
display: block;
max-width: 100%;
height: auto;

…. does not have any effect anymore

When someone visits my page with a smartphone, all gallery pictures integrated into an article look like junk.

What can I do to make them display proportional again?

Greetings,

SFrueh

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
	text-align:center;
}
.wp-caption .wp-caption-text {
  text-align: center;
}

Now caption shows correct, but their display in mobile phone still not display full. So what can i do next?

The problem is when the site is viewed via mobile phone on the “product archive page” (“Prodavnica subcategory”). Product images are not all centered, nor is the text as it should be. Every fourth image is somehow stretched from the rest, and that really destroys the concept of the website.

We looked at all the possible options, but we couldn’t find a solution to that problem (WordPress, Astra Theme, all plugins are updated). Is it a problem on your end, so it needs an update? or is it ours end? Please help us to solve the problem because it is urgent. Thanks in advance.

Website url: https://jb-srebro.com/
Screenshot: https://privatebin.support-tools.com/?bb41cfe643b49ad5#SdMGdZt4wgbGSOBbjNz2s5OXCG0UicrEgjlpRM39AnU=

I hope someone might be able to help. I am using the OceanWP theme. And I am trying to get the “Featured Image” to hide on the Mobile Phone version of my website. I have found lots of helpful websites that tell me how to do it, but with no success. The solution I have come across most often is the following CSS code entered in “Appearance > Custromise > Custom CSS/JS”:

@media only screen and (max-width: 580px){
  .blog-entry.thumbnail-entry .thumbnail {
    display: none;
  }
}

My very, very limited knowledge suggests this should work but unfortunately it doesn’t. Does the OcenWP theme override this? PLEASE can someone help.