Hello,

1-Yes, the css does just that. See screenshot: https://postimg.cc/image/jg75fqe7r/
Please clear cache and refresh page. If the result is still not visible, then add !important to the code. Like this:

@media (max-width: 979px){
.snap-drawer-left {
    background-color: #9e8f6f !important;
}}

2-Add this css:

.mobile_small_menu.close:before {
    color: #920909 !important;
}

Best regards!

Hello,

Please use css to edit it. Add this code into your General options > Custom Css box:

.mobile_small_menu {
    color: #222 !important;
}

Change the color to your wish.

Best regards!

Hello,

To change the background color add this css:

@media (max-width: 979px){
.snap-drawer-left {
    background-color: #9e8f6f;
}}

Do you want to change the logo of mobile menu? You can only do that using custom css.
To have a different logo for the mobile please refer to this related topic:
https://support.codeless.co/?topic=mobile-logo-menu-color-change

Best regards!

Hello,

To change the background color add this css:

@media (max-width: 979px){
.snap-drawer-left {
    background-color: #9e8f6f;
}}

Do you want to change the logo of mobile menu? You can only do that using custom css.
To have a different logo for the mobile please refer to this related topic:

Home

Best regards!

Hello,

Well, the header will change when you change the screen width because theme is responsive and it will adapt to the new screen size. Try adding this code into your Custom Css menu in Customize > General > Custom Codes > Custom Css:

@media (max-width: 991px){
.header_container.cl-header-topnav-mobile .top_nav.header-row .header-col {
    width: auto !important;
    top: 68px;
}
}

Result screenshot: https://postimg.cc/image/akm1tbxyv/
Let us know.

Best regards!

Hello,

Technically there is no black menu bar.
The black bar in header is due to the background color difference between the content and the first row background color. The first row background is gray and since it starts under menu bar, that’s why you see this black bar in the slides where there is only text.
See screenshot: https://postimg.cc/image/nedj4pm6f/

I you watch closely while scrolling thru the slides with images, this black row under menu is not present at all. See this other screenshot:
https://postimg.cc/image/s1jl6hh93/ (attempted to catch while scrolling)

-In the last reply i send you for point 1, some css that positions the text in mobile.
This code:

@media (max-width: 480px){
	.cl_column > .cl_col_wrapper > .col-content {
    padding-top: 60%;
}}

I tested it in my device and the text looks quite centered. If you are not satisfied with this result, then just change the value of padding-top until you are satisfied with the result.

Let us know.

Best regards!

Hello,

Sorry for the late reply.
Please add this code into your Customize > General > Custom Codes > Custom Css menu:

@media (max-width: 480px){
.entry-link, .entry-lightbox {
    display: none;
}}

It will remove the link effect from the overlay of portfolio items in mobile. So that you can tap over an portfolio and then the overlay with title will show up. Then only if you tap again on the title, you will be send to the single portfolio page.

Let us know if this works for you.

Best regards!