Hello,

1-The Scroll Story demo does not have a menu by default. To add one, just go to Appearances > Menus and assign one of the available menus as your main menu.

2-Please go to file includes/codeless_builder/shortcodes/cl_button.php and find this line:

<a href="<?php echo esc_url( $link ) ?>" class="<?php echo esc_attr( $this->generateClasses('.cl-btn') ); ?> 
	<?php echo esc_attr( $extra_classes ); ?>" <?php $this->generateStyle('.cl-btn', '', true) ?> target="<?php echo $target ?>" > <span><?php echo cl_remove_empty_p( cl_remove_wpautop($btn_title, true) ) ?></span></a>

Edit ot this:

<a href="<?php echo esc_url( $link ) ?>" target="_blank" class="<?php echo esc_attr( $this->generateClasses('.cl-btn') ); ?> 
	<?php echo esc_attr( $extra_classes ); ?>" <?php $this->generateStyle('.cl-btn', '', true) ?> target="<?php echo $target ?>" > <span><?php echo cl_remove_empty_p( cl_remove_wpautop($btn_title, true) ) ?></span></a>

Save changes and refresh page.

3-Please add this code into your Customize > General > Custom Codes > Custom Css:

.cl-mobile-menu-button span, .cl-hamburger-menu span {
    background-color: white;
}

Let us know.

Best regards!

Hello,

1-I added this css into Customize > General > Custom Codes > Custom Css:

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

It re-positions the text in mobile. Change the value to your wish.
-This is not a bug. It’s theme style.

2-I increased the header height in General > Header
Main Header Row to 190px and then added this css:

.cl-fullscreen-overlay-menu {
	left: 26px !important;
}
.cl-hamburger-menu.open {
    top: 15px !important;
}

To further customize it’s position.

3-The code needed just an !important to it. Already added. Please clear cache and refresh pages to see the changes.

4-I added this css:

.container-content {
    margin-top: 110px;
}

Result screenshot: https://postimg.cc/image/71vmggyw7/

Please check your site and let me 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,

1-The background color can be changed in Customize > Styling > Body Background > Body Overal background Color. See screenshot: https://postimg.cc/image/okig6hdk7/
You can set it transparent, but it will not have the result you think.

I changed it for now to the color of first row background. You can change it back to your wish and save changes.

I have added this css into your Custom Css box to increase the codeless slider row padding so that it covers this header space:

.cl-row .bg-layer {
	top: -53px; 
}
.cl_slider .cl-slide > .cl-row {
    margin-top: -57px;
}

This is the result: https://postimg.cc/gallery/273vtqrx4/

2-I have already send you the custom css for that! Please see my last reply. Just change the padding-top value to 50%, 40%, 45%..whatever value you are satisfied of the result with.

Best regards!