cagravante

Hi Oliver –

I did add that code. Unfortunately it did not result in my desired outcome.

By adding that line of CSS, it displayed the logo but it is only visible when you open the menu.

What I was looking for is the similar behavior that occurs if you have the logo aligned to the left/right on desktop view, then when it is reduced to mobile size (via desktop or by viewing on mobile directly) the logo is displayed in that top menu bar adjacent to the menu toggle logo.

I was able to add some screenshots to a Google Drive for you to see. Let me know if this makes sense.
https://drive.google.com/drive/folders/1PLiMSLr4Gj6wVapdZ23pnbXMt3g1Cxr4?usp=sharing

Thank you again for your continued assistance!

Hey Oliver –

The site is not live yet so even if I share the site URL you will not be able to see the site. Is there another way for me to share this with you? i can provide a screenshot of the current state and the desired.

Thanks in advance!

I was able to adjust this using the following:

@media screen and (min-width: 48em)
.main-navigation li {
border: 0;
display: inline-table;
vertical-align: middle;
}