mobile menu issues

motomarketing

Hi, I am having 2 issues I'm trying to fix:

1. How do I align the logo to the left on mobile. Right now it seems to be centered: https://www.screencast.com/t/kDjbw7284
2. On tablets, the logo is centered and the menu is all the way to the left. How do I also fix that so that the logo is to the left and the menu is to the right? See screenshot: https://www.screencast.com/t/hR6cQr5oP

Website is: https://27diamonds.com/

Phil

Hello,

1) Please go to Betheme -> Theme options -> Responsive -> Header, check the Minimal option, and select the layout that suits you.

2) To change that, you will have to create a custom CSS code and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS. Do you need help with that?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

motomarketing

Hi, thank you for the fix for #1. That worked.

For #2, yes, I would love help on the CSS code to also fix this issue on tablet.

Phil

Please, try to use the following CSS code:

@media screen and (max-width:1023px) and (min-width: 767px){
   .responsive-menu-toggle .icon-menu-fine{
      position: absolute!important;
      right: 0!important;
   }
   #Top_bar #menu{
      left: unset!important;
      right: 0!important;
   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next