Return to previous page

Mobile querformat 481 -767 CSS Support HTML Block 4 CSS problem

This topic has 7 replies, 3 voices, and was last updated 1 years, 4 months ago ago by Oliver Theiß

Oliver Theiß

Participant

December 19, 2022 at 23:21

Hello all,

can someone help me

I have not managed to adjust the ccs correctly for the format mentioned in the screenshot.

Many thanks

Please, contact administrator
for this information.

#341867 Copied Theme version: 8.3.8 WooCommerce version: 7.2.0

6 Answers

Tony Rodriguez

Support staff

December 20, 2022 at 07:14

Hello, @Oliver Theiß,

I have checked your site on my personal mobile phone, the issue you mentioned does not appear. Your site appears perfectly fine on mobile. I have recorded a video for you please watch it completely: https://streamable.com/4ojw7j

Regards 8Themes Team.

#341890 Copied

Oliver Theiß

Participant

December 20, 2022 at 07:27

you are right . in the normal mobile format everything is optimal… 😀

No I’m all about the landscape format mobile… See screenshot.so if you hold your mobile phone landscape… this would be in Cutomizer then the format mentioned in the screenshot
then you see what is shown in my screenshot

i tried it myself with css to put the two elements, image and text, next to each other, but it does not work

I wish you a good start to the day

Oliver

#341892 Copied

Tony Rodriguez

Support staff

December 20, 2022 at 08:14

Hello, @Oliver Theiß,

I also, check the issue on the mobile landscape mode and found nothing it works fine please watch the attached video for a better reference: https://streamable.com/ngfh8g

Regards 8Themes Team.

#341896 Copied

Oliver Theiß

Participant

December 20, 2022 at 15:18

Tony,.
but you can also see in your video that its’s not okay. The text runs partly on the left of the image. And it looks not good

In my Screenshot I have described that I would like to have the text in this view landscape format completely to the left of the image ..

You Know.

#341941 Copied
Rose Tyler

Support staff

December 21, 2022 at 10:15
Hello,

Please try to use the next custom CSS code:
```
@media only screen and (max-width: 992px) and (min-width: 550px) {
    .et_element.single_product-html_block4 {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .et_element.single_product-html_block4 > a {
        min-width: 60%;
    }
}
```
Regards
#342013 Copied
Oliver Theiß

Participant

December 22, 2022 at 17:50

hello Tony,

thank you very much, yes that’s what I had in mind

I wish you a nice weekend

#342177 Copied
Tagged: 481-767, block 4, css problem, html, mobile, persuasive, querformat, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘mobile querformat 481 -767 CSS Support HTML Block 4 CSS problem’' has been successfully resolved, and the topic is now closed for further responses

Mobile querformat 481 -767 CSS Support HTML Block 4 CSS problem

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection