Sidebar navigation menu – Mobile Platform

Hi,

Could you please share your site url

Thank you

Hi,

1.On the mobile phone platform only I need to change the sidebar navigation menu colours, Both the texted and the box colour are black and blue by default….
menu box needs to be #005844 (green) and texted needs to be #fff (white)

Reply: Please add the below CSS to change the colors. To add CSS follow the steps below

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it>> Publish.

@media screen and (max-width: 1024px){
.sidenav {
background-color: #005844;
}
.nav ul li a {
color: #ffffff !important;
}
}

2.having a issue with word splitting not word wrapping ….on example page A LITTLE BIT ABOUT US… especially on mobile platform but also on the computer.

Reply: Could you please elaborate with the help of screenshots

3.On mobile platform the search bar is over the cart icon can this be adjusted.

Reply: Please add the below CSS to reduce the size of the search. To add CSS follow the steps below

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it>> Publish.

@media screen and (min-width: 320px) and (max-width: 425px){
.sb-search {
width: 65%;
}
}

Thank you

Hi,

Could you please add the following CSS to disable the word break. To add CSS follow the steps below

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

div#content-box p {
word-break: keep-all;
}

Thank you

You are welcome