Mobile navigation

Hello,

Please try this CSS, add it to Theme Settings > Custom CSS

/*text of search for product*/
.mobile-nav .searchform input[type=text] {
    color: #fff;
}
/*text of menu text by default*/
.mobile-nav ul li a {
    color: #B19D73;
}
/*text of menu text on hover*/
.mobile-nav ul li a:hover {
    text-decoration: none;
    color: #fff;
}

If the code does not work please provide amdin access.

Best Regards

Hello,

Have you changed the colors? You did not provide that is why I gave you just code to modify as per your needs.

Please provide colors for all text types and admin access

Best Regards

Hello,

Do you mean replacing text “search for product” for something different?

Square behind the cross should be pink : #FDE6DE

Do you mean this one: http://prntscr.com/ja0kew ?

Please try this cod CSS to change text color:

/*text of search for product*/
.mobile-nav .searchform input[type=text] {
    color: #B19D73;
}
/*text of menu text by default*/
.mobile-nav ul li a {
    color: #B19D73;
}
/*text of menu text on hover*/
.mobile-nav ul li a:hover {
    text-decoration: none;
    color: #fff;
}

Please check your admin access I cannot log in.

Best Regards

Hello,

Please use this code for placeholder

input[type=text]::-webkit-input-placeholder {color:#B19D73;}
input[type=text]::-moz-placeholder          {color:#B19D73;}/* Firefox 19+ */
input[type=text]:-moz-placeholder           {color:#B19D73;}/* Firefox 18- */
input[type=text]:-ms-input-placeholder      {color:#B19D73;}

This is for icon to be pink

.mobile-nav ul li .up-icon{
background:#FDE6DE;
}

You can remove those CSS if you do not need it.

You can replace all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Best Regards

Hello,

Please provide the valid access.

Best Regards

Hello,

Please replace the code for placeholder with this one:

.mobile-nav .searchform ::-webkit-input-placeholder {color:rgba(0,0,0,0.4)}
.mobile-nav .searchform ::-moz-placeholder {color:rgba(0,0,0,0.4)}/ Firefox 19+ /
.mobile-nav .searchform :-moz-placeholder {color:rgba(0,0,0,0.4)}/ Firefox 18- /
.mobile-nav .searchform :-ms-input-placeholder {color:rgba(0,0,0,0.4)}

And this one for icon and square:

.mobile-nav ul li .up-icon {
	background-color: black;
}

.mobile-nav .icon-sub-menu:after, .mobile-nav .icon-sub-menu:before {
	color: white;
}

Best Regards

Hello,

I have added the recent code and deleted the previous one which was not workable.

Now it works.

Best Regards

Hello,

This has been fixed. This CSS has been added:

/*text of search for product*/
.mobile-nav .searchform input[type=text] {
    color: #B19D73;
}

Best Regards

Hello,

What do you mean? On hover or on click? Now the background is always pink.

Best Regards

Hello,

What color do you want on search? Add this CSS to Theme Settings > Custom CSS

.basel-search-full-screen .basel-search-wrapper {
    background-color: rgba(0,0,0,.9);
}

Change the color as per your needs.

Woocommerce search works only with products.

Best Regards

Hello,

Please add this CSS to Theme Settings > Custom CSS > Custom CSS for mobile landscape and Custom CSS for mobile

.mobile-nav #searchform{
    display:none!important;
}

Best Regards