"Leto", The menu on very large devices and does not allow browsing

Hi good day. Could the position of the cart be changed as indicated in the image? In addition to other possible solutions, I have no space on the screen to display my page due to the large size of the menu, which cannot display all sections either.

device_error

Hello there,

Thank you for contacting us.

By default the cart menu on mobile screen appears like below screenshot.

Can you please use this default layout? So, I can suggest you with custom CSS code easier to achieve your need.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

That configuration looks good and I like it, forgive my ignorance how did I get to that template? I followed that guide thinking that it was but I did not get the expected results.

https://docs.athemes.com/article/251-quick-start-guide-ada

I already know the problem better. When placing the logo the description and the title of two words is disarmed. This solves for me how it would look better, but another question arises, can I keep both formats? on the big screen with the logo and the texts and on the small screen take out the elements so that the menu looks good

Hello there,

If I can get your query correctly, you want to replicate mobile menu on the desktop view of your site. Is that correct? Please take a screenshot and put some annotations to point me the exact final look you want to have. So, that screenshot will help avoid confusion from both of us.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hello
I have the first case where I put the logo and the description
On the big screen it looks good

But in devices it is very large, it was my initial problem


When I remove the logo and description
On devices it looks good
image

But in big screen the logo is lost and is a requirement of my client

/////////////

In short I need it to look like this


image

Regards!

Hello there,

Thank you for updating me along with th screenshots. Please share me a link to your website, so I can take a direct look and find the exact code to suggest.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Great, this is:
https://www.libreriabunick.cl/

Hello there,

Thank you for sharing the link:

    @media only screen and (min-width: 501px) and (max-width: 991px) {

      .site-branding img.custom-logo {
        max-width: 40px;
      }

      .site-branding .site-description {
        margin: 0;
      }
      
    }

    @media only screen and (max-width: 500px) {

      .site-branding .site-title {
        font-size: 16px;
      }

      .site-branding .site-description {
        font-size: 11px;
      }
      
    }

    @media only screen and (max-width: 340px) {

      .site-branding .site-description {
        max-width: 158px;
      }
      
    }

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi good day.
Great if with this I have almost solved it, I will try the rest myself, thank you very much, very good support.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

1 Like