mobile menu issues

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/

Comments

  • 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

  • edited March 2021

    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.

  • 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

Sign In or Register to comment.