Before you ask please READ THIS

Aligning the menu

Hi!

I love your theme, but I have some trouble with the main menu, I choose "one line, logo on side", but I want the logo to be on the right side and the items on the left side. Is there any way to do it?

Thank you!

Comments

  • AirAir
    Posts: 10,970
    Hello there:-)

    For now it is not possible, as we only have variant with logo on left.
    I can give you such dirty trick for now: Add this custom CSS:

    .header-horizontal #header .head{
    direction: rtl;
    }
    .header-horizontal .logo-container, .header-horizontal .navigation-bar, .header-horizontal #header-tools, .header-horizontal header .socials {
    direction: ltr;
    }
    With kind regards.
  • AirAir
    Posts: 10,970
    Bronce said: I love your theme,
    Thanks for that!

    If you are happy with this theme please don't forget to rate us on ThemeForest - it helps us a lot! Thanks! How to rate?

    With kind regards.

  • Hi!

    Thank you for your quick reply. I put the code but it's not working completely, maybe I didn't explain properly, sorry.

    I want the menu on the left, is it possible? Now sidebar icon is on the left, but not the menu items. Hope the image helps. I want the menu to be on the white side of the screen.

    Thank you!
    Captura de pantalla 2016-09-28 a las 17.09.25.jpg
    1411 x 841 - 418K
  • AirAir
    Posts: 10,970
    I am not sure if I understand you right. Please remove my modification, take screen shot of your page, and on this screen shot mark with arrows what you want to move where.
    Also if you can post link to your site it will help too.

    With kind regards.

  • Sorry for my bad explanation.

    I want the menu (red square) to be on the left of the screen (not on the right, where is right now).

    Thank you!
    Captura de pantalla 2016-09-28 a las 17.09.25_2.jpg
    1411 x 841 - 434K
  • AirAir
    Posts: 10,970
    And where is logo on that screen? Cause this was your main concern, and now I must admit I am lost. I also now don't know if you have my modification added or not. Please give me link to your site, so I could be better oriented in situation.

    With kind regards.
  • Sorry for the confusion.

    My website has no logo.

    I want the items on the menu on the left side of the screen (the white one). Now they are on the right side (on the photo).

    Now there is no CSS code, you can see in the image the website as it is.

    Captura de pantalla 2016-09-28 a las 19.21.34.png
    1651 x 859 - 1M
  • AirAir
    edited September 2016 Posts: 10,970
    OK, now it is clear:-) Sorry for putting you through all those replies.

    Use this custom CSS:

    .header-horizontal .top-menu {
    text-align: left;
    }
    With kind regards.
    Post edited by Air on
  • Perfect! Thank you for your patience and understanding!
  • Posts: 7
    Hi!

    Just one more thing... on tablets, mobiles or small screens, I'd like the menu icon to be align on the left too, near the logo, can it be possible? Now it's on the right, as you can see on the image.

    Thank you!
    Captura-de-pantalla-2016-10-05-a-las-12.37.47.jpg
    969 x 692 - 94K
  • AirAir
    Posts: 10,970
    It might not be easy, but I will check what can be done once you will show me this online(you can send it private if you want)

    With kind regards.
  • AirAir
    Posts: 10,970
    Try such custom CSS:

    @media only screen and (max-width: 1024px) {
    .header-horizontal #header-tools{
    text-align: left;
    }
    .header-horizontal .logo-container {
    width: 20%;
    }
    }
    With kind regards.
  • Posts: 7
    Works perfectly, thank you very much.

    You deserve five stars!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!