How to change the header text color on mobile version?

Store Design
1

My header text color on the desktop version is red, but in the mobile version it’s still white.

Screenshot (31).png
Screenshot (31).png1073×890 26.1 KB

2

@GeorgeRizos ,

Share the store URL…

3

hi @oscprofessional , thanks for replying!

My url is:https://thesnoozy.com/

password is: 123

4

@GeorgeRizos ,

oscprofessional_0-1668679972343.png
oscprofessional_0-1668679972343.png620×902 80.2 KB

5

yes, at the left of the logo you can click on it and it will show a drop down menu as in my screenshot. But there are navigation buttons (home, catalog, etc), but they’re in white.

6

Hello @GeorgeRizos

Add this code below of base.css file.

@media(min-width: 280px) and (max-width: 767px){
.header__icon .icon {
COLOR: #8e282a !IMPORTANT;
}
.menu-drawer__navigation-container li a {
color: #8e282a !IMPORTANT;
}
}

7

Thanks! That did it!

Could you also help me with this image, I would like it to be a square

InkedScreenshot (32).jpg
InkedScreenshot (32).jpg1747×715 71.9 KB

Edit: Could I also change the subtext text color, i would like it to be brighter white

8

@GeorgeRizos ,

Add this code below of base.css file.

.image-with-text .media>img {
height: 397px !important;
}
.image-with-text__text.rte.body p {
color: white !important;
}

1 Like
9

hi @MandasaTech ,

this code works, but it works both on the desktop version as the mobile version. the image size on the mobile version is good, so I would like to change only on the desktop version