Return to previous page

Website not responsive to different desktop screen sizes

This topic has 4 replies, 3 voices, and was last updated 3 years ago ago by Rose Tyler

queenb123

Participant

December 17, 2021 at 01:49

Hi,

I am running my site through different screen size emulator sites and the 2 consistent wrong sizes for desktop are:

10″ Netbook
1024 x 600

12″ Netbook
1024 x 768

This is where i am testing it:
https://bluetree.ai/screenfly/

anything desktop above 1280px is fine.

Can you help with the above please?

See this video:

https://streamable.com/53q1vk

Please, contact administrator
for this information.

#312265 Copied Theme version: 6.0 WooCommerce version: latest

3 Answers
Olga Barlow

Support staff

December 17, 2021 at 16:45
Hello,

Sorry but I’m not sure that understand your question. Do you want to show the menu in one line for that resolution? In this case you need to use custom code and reduce the font-size for example
```
@media only screen and (max-width: 1155px){
    .header-main-menu2.et_element-top-level .menu > li > a, .header-main-menu.et_element-top-level .menu > li > a {
        font-size: 14px;
    }
}
```
Regards
#312332 Copied
queenb123

Participant

December 18, 2021 at 01:24

Thank you!

#312370 Copied

Rose Tyler

Support staff

December 18, 2021 at 08:16

You’re welcome!

Regards

#312377 Copied
Tagged: desktop, optimization, responsive, screen sizes, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)