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,

We are sorry for this.
I checked the older tickets, you do not have any post older than 2 months. The images in header can be fixed with custom css. We have already provided support on this. However, i checked again and edited a value in the custom css in Appearances > Customize > Additional CSS menu. I edited the value in this block:

/*slider in mobile*/
.codeless_slider .swiper-slide {
    margin-top: -28% !important;
}

From -60px that it was previously to the current -28px. This is the result as taken from an actual mobile device: https://postimg.cc/image/azvo8xjct/

Let us know.

Best regards!

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,

To have a different logo for the mobile please refer to this related topic:
https://support.codeless.co/?topic=mobile-logo-menu-color-change

Let us know.

Best regards!

Hello,

The logo is there but it’s too wide for the mobile screen dimension (screenshot). I suggest you set another logo for mobile only so it’s customized to that screen. or add this code into your Custom Css box:

@media (max-width:480px){
#logo img {
    margin-left: 60% !important;
}
 .menu-small ul.menu > li > a {
    color: #5a5555 !important;
}}

The menu as well is there, but the items are in white color. That’s why you do not see them. The css above will change it to dark gray so they will be visible again.
Change the color to your wish.

Best regards!

Hello,

Exactly, the left/right menu style with logo in the middle, is the header’s desktop layout. This can not be kept in mobile because there is another menu style set for mobile(due to it’s small screen width). That is the mobile menu, see screenshot: https://postimg.cc/image/6vj12r6uj/

If you want to keep the desktop style, then you will have to customize it using custom css. Add the code in your Custom css box in Customize > General > Custom Codes > Custom Css.

Please know that this is a personal customization and further customizing is not included in support.

Best regards!