Automobile pro- red lines and icons in top bar

Tagged: Automobile pro

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

Viewing 15 posts - 1 through 15 (of 17 total)

1 2 →

Author

Posts
January 15, 2024 at 4:22 pm #10299

Gemma Tremayne
Participant

How can I delete/change the color of the red lines and icons that appear on the top bar and homepage?

Theres a tiny red triangle on the contact icons and a red underline underneath the homepage heading that I cant get rid of

Thanks!

January 16, 2024 at 5:54 am #10306

support
Participant

PLease try adding this code at Appearance- > Customize -> Additional CSS for the triangle color. Make sure to change the color gex code.

.topbar-icon.right:after {
border-left-color: #ffffff;
}

The line next to the heading color will be changed by the Appearance -> Customize -> Theme Settings -> Typography / General settings. scroll to the bottom and change the highlight color.

January 17, 2024 at 7:42 pm #10338

Gemma Tremayne
Participant

Thanks.

I’ve changed the colour of the triangles. But there’s a gap between them and the contact icons so it looks awful. Can I delete the triangles altogether? How would I do that?

Changing the highlight colour has had no effect at all. The heading underline, search icon and “home” link on the menu are all red still! How can I get this to work?

January 18, 2024 at 6:58 am #10348

support
Participant

Please try this

.topbar-icon.right:after {
display: none;
}

Could you please share your site URL so that we can check which colors are still red?

January 18, 2024 at 7:53 pm #10352

Gemma Tremayne
Participant

I will try that, thank you.

This is the site :

I’m also really disappointed with the mobile version of the site. The homepage looks awful on mobile. The contact icons are HUGE and the photo ls look really stretched. Can this be changed or do I need to buy a different theme?

January 19, 2024 at 9:02 am #10354

support
Participant

The site URL is not missing in the previous message. Please send the site URL we will check about the mobile devices.

January 19, 2024 at 9:14 am #10355

Gemma Tremayne
Participant

January 19, 2024 at 9:15 am #10356

Gemma Tremayne
Participant

I’m adding the url in my text and then it’s disappearing when posted?! It’s on a temporary domain at the moment with godaddy. How can I do this if your forum won’t let me post the link?

January 19, 2024 at 9:16 am #10357

Gemma Tremayne
Participant

https://a0b.bf3.myftpupload

January 19, 2024 at 9:17 am #10358

Gemma Tremayne
Participant

It’s the address in my previous post, with .com at the end

When I post the full thing it disappears

January 20, 2024 at 8:20 am #10362

support
Participant

Hi,

Thanks for the URL. We have checked your site in the mobile version and the contact icons seem fine. If you want to make it a little bit small then let us know.

Regarding the image getting stretched, a specified height is added to it, I think this slider was added from the block editor. Please add the below CSS at Appearance -> Customize -> Additional CSS

.swiper-container {
height: auto !important;
}

Thanks

January 21, 2024 at 7:56 pm #10370

Gemma Tremayne
Participant

Hi, Thank you so much! I should have checked the mobile version better before I purchased the theme because I now see that the contact icons take up most of the screen. Is there any way to make the contact icons smaller, bring the menu up and have some of the images visible before scrolling?

Thank you so much for the image code. Will try that tomorrow!

What about the red search icon, red title underline etc on the homepage? How can I change those?

Thanks so much! Really want to use the theme rather than give up on it, but need to get these issues resolved

January 22, 2024 at 8:01 am #10378

support
Participant

Try this piece of code it will make the contact icon smaller.

.contact-topbar .col-lg-3.align-self-center, .contact-topbar .col-lg-9.align-self-center {
width: auto !important;
/* display: table-footer-group; */
text-align: left;
padding: 0 5px;
}
.contact-topbar {
justify-content: center;
}
.contact_details i {
padding: 10px;
}

January 22, 2024 at 4:43 pm #10382

Gemma Tremayne
Participant

Hi! Thank you so much! So far with your help I’ve resolved the image height issue and the triangles on the contact icons and I feel Like I’m so nearly there now.

3 issues remaining:

1- The red search icons, red line under the homepage title and red menu hightlight are still a problem. When I change the highlight colour, nothing happens. How can I resolve this?

2- The contact icons look much better. Is there a way to remove the words “phone” and “email”? If you take a look at the mobile view it looks a little weird I think (I wonder if removing those words and then bringing the email address and phone number to be centrail with the icom would be better?

3- Contact icons look really odd in the tablet view?! Not a huge concern but is a bit of a mess so need to resolve it.

Thanks so much!

January 23, 2024 at 9:32 am #10391

support
Participant

Please try the below code

.contact_details span.hi_normal {
display: none;
}
.contact-topbar .col-lg-3.align-self-center, .contact-topbar .col-lg-9.align-self-center {
width: auto !important;
/* display: table-footer-group; */
text-align: left;
padding: 0 5px;
max-width: max-content;
}
Author

Posts

Viewing 15 posts - 1 through 15 (of 17 total)

1 2 →

You must be logged in to reply to this topic.