Mobile sub-menu, change width

Hi Again,

Another Sydney Pro mobile CSS question please: On iPhone & iPad/Landscape, our mobile sub-menu is far too wide especially in landscape viewing mode. On the iPad, 50% of current width would be fine; iPad portrait mode width is ok as is. On the iPhone, 50% of current width would be fine in both Landscape and Portrait mode.

Site is 220ssp220.wpstagecoach.com with an active child theme.

Thanks again for your support,
Sam

Hello Sam,

If could understand what you meant, you would add this custom CSS code:


#mainnav-mobi {
  width: 250px;
  right: 15px;
}

@media only screen and (min-width:768px) {
  #mainnav-mobi {
   right: 0;  
  }  
} 

@media only screen and (min-width:992px) {
  
  #mainnav-mobi {
    right: 15px;
    top: 40px; 
  } 
  
}  

Regards,
Kharis

Yes, that reduces our sub-menu widths. Thank you!

Appreciate your help.

Sam

You’re welcome and best wishes!