Menu icon comes in “?” instead of the right icon and I cant remove a blue box

Tagged: Need help

This topic has 14 replies, 2 voices, and was last updated 5 months, 2 weeks ago by support.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
October 19, 2023 at 2:59 pm #9127

Ilker Gunes
Participant

Hello support team.
I have 2 issuesss with the theme Car Wash Services Pro 0.0.1 …. in the screenshot here https://prnt.sc/xoo42ahagn4P

There are 2 marked boxes. 1 of them is at “?” and the other one at the logo

Issue 1 – Instead of a menu bar I get “?”. How do I fix this for mobile phone users
issue 2 – I cant get remove the blue box above or change the color, this is anyoying when I add the logo. there is always this blue big box, how to fix this ?

October 20, 2023 at 10:55 am #9132

support
Participant

Hi,

Thanks for contacting us here.

The menu icon for mobile users is showing on our demo. If you could share your site url then it will be helpful for us to get the issue behind it.

If you do not want the blue box around the logo then you can remove it by adding the following code at Appearance-> Customize -> Theme Settings

@media screen and (max-width:767px) {
.logo {
background-color: transparent;
}
}

Let us know if you have any other query.

Thanks

October 20, 2023 at 11:56 am #9136

Ilker Gunes
Participant

Hey Support teamm,

Thank you for your fast response. I assume I add it into Appearance > Customize > Theme Settings > ShortCode options ?

IF so there is already something there, I replaced it and I add it bellow this :
[car-wash-services-pro-our-feature], [car-wash-services-pro-testimonials], [car-wash-services-pro-team], [tp-galleryshow tp_gallery=”59″ numberofitem=”6″ bootstraponecolsize=”4″]

Didn’t really change much, however the website url = https://sopshopzelhem.nl/

October 20, 2023 at 12:31 pm #9145

support
Participant

Oh Sorry. I apologize.

You need to add the above code at Appearance-> Customize -> Additional CSS.

October 20, 2023 at 4:22 pm #9149

Ilker Gunes
Participant

Hmm that didn’t seem to work. The Blue Box is still there : https://prnt.sc/VvLG92mhI7iZ

Any news regarding the missing icons for mobile users ? (its working on the free demo version)

October 21, 2023 at 10:32 am #9156

support
Participant

The blue box was removed for mobile users if you want to remove it from the desktop then add the below code at Appearance -> Customize -> Additional CSS

.logo {
background-color: transparent;
}

For the missing icon go to Plugins -> Add New install “Wp Font Awesome” and then check.

Thanks

October 22, 2023 at 11:29 pm #9186

Ilker Gunes
Participant

Thank you, this did fix the issue but a new one appeared for mobile users a dark blue background poped up

prnt.sc/ArYME79rZj36

And the menu button is not at the right place, how can I fix both issues for mobile users ?
prnt.sc/ArYME79rZj36

October 23, 2023 at 10:52 am #9199

support
Participant

Please try this

@media screen and (max-width:767px) {
.contact_details {
background-color: transparent;
padding: 0;
}

.toggle-nav {
height: auto;
}
}

November 15, 2023 at 8:14 pm #9669

Ilker Gunes
Participant

Hey Sorry I had a holiday couldnt respond.
This fixed the issue but now the text in the bar is not centered, a bit in the left. Weird we fix something and something new appears.

November 16, 2023 at 2:23 pm #9677

support
Participant

Are you referring the issue for mobile or desktop?

November 18, 2023 at 7:01 pm #9717

Ilker Gunes
Participant

Its for the mobile users, everything is a bit in the left instead of center. The top bar information, the logo is fine.

November 20, 2023 at 12:37 am #9725

support
Participant

PLease try the below code

.bordar {
right: 0;
}

November 21, 2023 at 8:59 pm #9756

Ilker Gunes
Participant

THANK YOU!!!!
WORKING haha you are amazing.

But everytime something new comes.
For the desktop users the homepage looks like this https://prnt.sc/SVNW7czkIgq3

But when im on the mobile phone the text below the yellow mark is hidden. Is there also a CSS code for this haha ?

November 22, 2023 at 11:54 am #9763

support
Participant

Please try this

@media screen and (max-width:767px) {
#slider p {
display: inline-block !important;
}
}

@media screen and (max-width:576px) {
.slider-box {
top: 0;
}
}
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.