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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.