Changing Breakpoint to see the right log

galbur

I'am using the logo in different colors depending on the Responsive state.
In Desktop state the Menubar is on the left side, the background is transparent black and the logos are green.
When i reduce the viewport, the menubar "jumps" on the top position the menubar background changes to green but the logo is still green. It should change to white. The change only works if I reduce the window further.

Where can i set the breakpoint for the responsive Logo?

Thank you
Christoph

saguaros

Hi Christoph,

You can try with this custom css rule:

@media (max-width: 1399px){
    .logo-control .logo-img-sm {
    display: block !important;
    margin-top: 15px;
}
.logo-control .logo-img {display:none !important;}
}

put into the file: /templates/ja_mono/css/custom.css (Create this file if it doesn't exist).

Regards

galbur

Hi Saguaros

Thank you. Now i have a Solution with one Logo. But another Question is: Can i change the breakpoint, when the "menu" on the left side change to the menu on the top?

All the best
Christoph

saguaros

galbur when the "menu" on the left side change to the menu on the top

I'm not entirely sure of this point, could you share screenshot of how it should be?

galbur

Hi Saguaros

Thank you. The breakpoint from "menu Left" to "menu right" is around 1410 px i guess.
Because of smaller Notebooks it should be around 1200 px.

Is this possible? And how?

All the best
Christoph

saguaros

Hi Christoph,

You can backup your site and try my suggestion here: https://www.joomlart.com/forums/d/25271-template-and-screen-resolution/4

by changing: @screen-hd: 1200px;

to your desired value.

Remember to backup first.