I would like to move the logo more to the left and the menu icon more to the right. In other words: I would like to have a fixed distance for the logo and the menu icon from the sidelines because when using a big screen, the logo and menu aren't positioned well. How can I do this? I only want to do it for my portfolio items (full screen pictures).
I also prefer the menu icon to be white, but then the whole menu page turns white opaque.
Thanks. By using the CSS, the logo and menu are positioned well now. Is it possible to change the background color of the menu logo to white with fe. an opacity of 0,5 so it would be visible on every background?
Could you please be more specific cause I couldn't understand what you want to change and how you want to make it, if possible please take a screenshot.
I added a printscreen. You can see a box around the menu icon on the right. I would like to make that box grey or white opaque, so there would be more contrast. This only for my portfolio items so not in general.
Hi,
I would like to move the logo more to the left and the menu icon more to the right. In other words: I would like to have a fixed distance for the logo and the menu icon from the sidelines because when using a big screen, the logo and menu aren't positioned well. How can I do this? I only want to do it for my portfolio items (full screen pictures).
I also prefer the menu icon to be white, but then the whole menu page turns white opaque.
How can I make these changes?
Kind regards,
Kim
Hi Kim,
Use the following CSS in your Custom CSS to achieve that, unfortunately there is no way to specify only the full-screen portfolio items:
.single-portfolio .main-header .container {
width: 100%;
} .menu-bar.menu-skin-dark .ham {
background-color: #FFF;
} .menu-bar.menu-skin-dark .ham:after, .menu-bar.menu-skin-dark .ham:before {
background-color: #FFF;
}
Best regards,
Laborator Team
Hi Art,
Thanks. By using the CSS, the logo and menu are positioned well now. Is it possible to change the background color of the menu logo to white with fe. an opacity of 0,5 so it would be visible on every background?
Kind regards,
Kim
Hi Kim,
Could you please be more specific cause I couldn't understand what you want to change and how you want to make it, if possible please take a screenshot.
Best regards,
Laborator Team
Hi Art,
I added a printscreen. You can see a box around the menu icon on the right. I would like to make that box grey or white opaque, so there would be more contrast. This only for my portfolio items so not in general.
Kind regards,
Kim
Hi Kim,
You can use the following CSS to get the results you want:
.single-portfolio .menu-bar.menu-skin-dark { background-color: rgba(255,255,255,0.75) !important; animation: none; height: 40px; }Best regards,
Laborator Team