Main Menu and Logo issue

ee61ny

Hello, in template settings, I inserted in Logo Image and new png, when I did that main menu is displayed at a much lower position and the off-canvas button is shown. Can u please help me with aligning main manu to logo ?
Thanks in advance

aman204

ee61ny Try add this to custom.css file and adjust padding value accordingly :

.off-canvas-toggle{position: absolute !important;} .t3-mainnav .t3-navbar{padding-left: 5em !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

ee61ny

Hello, thanks, it works,except that when I start scrolling the icon of off-canvas is displayed.
Is it possible to move and align it with 1st menu item, change its position or vanishing it if neither of these can be done ?
Thanks in advance

aman204

ee61ny Is it possible to move and align it with 1st menu item, change its position or vanishing it if neither of these can be done ?

1) Try change the above CSS suggested and adjust values accordingly
2) You may also add another as mentioned below/change color code accordingly :

.t3-mainnav .t3-navbar{padding-left: 1em !important;padding-top: 1em !important;} .off-canvas-toggle .patty::before, .off-canvas-toggle .patty::after,.off-canvas-toggle .patty{background: #000 !important;}

ee61ny

Hello, thanks, it works in general, but the off-canvas button is not aligned with main menu.
Is it possible to move its position exactly right of language-switch ?
Thanks in advance

saguaros

Hi,

Are you working on it? as I don't see the off-canvas button now.

ee61ny

Hello, no, it's still in the wrong position, but I have set it
.off-canvas-toggle .patty::before, .off-canvas-toggle .patty::after,.off-canvas-toggle .patty{display:none; !important;}
till it's solved.
Thanks in advance

saguaros

ee61ny

Hi,

Where did you define this? I can't see in 'custom.css' file, you can enable it again so I can check for you.

ee61ny

Hello, thanks for your answer, I see now that I have 2 custom.css files, one in /css and one in local/css , it's obviously wrong, but which is the right location to save custom.css ?
Additionally, I would like to move logo up and move main menu left, closer to logo.
Thanks in advance.

aman204

ee61ny I see now that I have 2 custom.css files, one in /css and one in local/css

You can add the suggested CSS in the file located in local/css and the CSS rule-sets should apply

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing as to how you wish to have specific element positioned and shown accordingly

ee61ny

Hello, I have commented
.off-canvas-toggle .patty::before, .off-canvas-toggle .patty::after,.off-canvas-toggle .patty{display:none; !important;}
so you can see what I mean, u can see it when u scroll down a little bit, off-canvas icon is not aligned with main menu.

In 1st picture u can see site as it is now, whereas in second picture what I would like to happen, ie bring ligo a little bit up and align it with main menu.
Thanks in advance

Ninja

ee61ny
Hi
Add this code in custom.css file to align the off-canvas icon with main nav

.off-canvas-toggle {
    margin-top: 0px;}

It look like this : http://prntscr.com/mogkvx

Kindly illustrate the changes in screenshot if you still have any issue to change the menu positions. It helps us to give a clear view for your request.

Regards