Align mobile logo and menu

Hello,

Can you help me aligning logo to the left of the header, for mobile display? Betheme Copywriter

Thank you





Comments

  • Hi,

    what's the link of your site?
  • edited May 2016
    Pm
  • Ok, thanks. But can you tell us how you want to align those menu items? Do you mean to center them? We also noticed that you have a large space between the logo and slider. It's because of Right Top Bar section which can be disabled under Theme options > Header & Subheader > Extras section.
  • Hello MuffinGroup,

    I need to align the logo to the left and the menu to the right, on mobile display. Regarding the space between the logo and slider, don't bother, thanks!

    Waiting for your feedback,
  • But as we can see, mobile menu is already on the right side. So all we can give you is css to remove left margin from logo on mobile:
    @media only screen and (max-width: 767px) {
        #Top_bar .logo #logo { margin-left: 0 !important; }
    }
  • edited May 2016
    Well. it didn't work.
    I added your code:

    @media only screen and (max-width: 767px) {
        #Top_bar .logo #logo {
            margin-left: -0px !important; 
    }
    }

     and this code

    #Top_bar a.responsive-menu-toggle { 
        margin-right: -20px;
        align: right !important; 
    }

    but the logo is still not aligned to the left. please see the images below.

    2 . What's the best way to resize the logo for mobile only?




  • 1. Ok, so if the css we gave you does not work, it won't be possible to move logo to the left side unfortunately.

    2. To resize logo on mobile, you need to use the following css:
    @media only screen and (max-width: 767px) {
        #Top_bar .logo #logo img { height: 30px !important; }
    }
  • Howcome it won't be possible to move the logo to the left in mobile? I am trying to be reasonable and figure out how can I align the logo to the left, sure there must be a way on this template. Your answer is not serious, and I don't understand why.
  • If you don't understand our answer, you supposed to contact with you developer and maybe he would be able to explain it to you better. What you ask for requires files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact with your web developer.
  • I understood your answer but I didn't understood the reason why a logo can not be aligned to a specific side. Regarding the logo, I was able to do it, besides your information that "it wont be possible."

    Also I don't understand your rudeness. It's not polite the way you write. In writing this way, you are not doing a good job on customer support, It's not good for you, nor your employer, nor your employer's customers.

    Nevertheless, thank you for your help.

  • edited May 2016
    You must misunderstood us if you think that we are rude because we are definitely not. We are just telling you how the things looks like, that's it. We do not see anything wrong in it and we definitely don't understand your thoughts.
  • Just want to let you know that the combination from your solutions worked out perfect for me

    @media only screen and (max-width: 767px) {
        #Top_bar .logo #logo { margin-left: 0 !important; }
        #Top_bar .logo #logo img { height: 36px !important; }
    }

    Thanks a lot
  • Worked for me as well.
    I am having problems with the hamburger menu...
Sign In or Register to comment.