Some niggly problems

[Anonymous]

I was away for a week and whatever initial problems I was happening with the Kidzone theme appear to have resolved themselves.

I have been able to build out the website but have a few remaining little issues I would like some help with (you can see the website here - new.fudds.ca):

1) How can I remove the search functionality from the top nav bar? The site I have made is small and doesn't really require search but also the options to search by  product type are completely irrelevant for this business. Removing it seems like the best option.

2) I have been able to change most of the default orange accent colour to yellow (#eeee22) but I am still seeing the orange in primary nav and the search functionality. How do I change this to yellow?

3) I also want to change the colour and icons on the headings for the internal pages. Right now the colour is a lavendar and the icon is a pencil. How can I change these?

4) Finally, the pages seem to take a very long time to load initially. Is there something I can do to improve the performance of the site?

 

Add New Note to this Reply

[Anonymous]

I should also say the slow load time issue is the worst when trying to view the site on a mobile device.

http://new.fudds.ca/

 

Add New Note to this Reply

[Anonymous]

I seem to have resolved the load time issue, but still need help with issues 1-3. Please help.

Thank you

Add New Note to this Reply

[Anonymous]

This reply has been marked as private.

Add New Note to this Reply

[Tracy Bui]

Hi,

Thanks for contacting us.

We are really sorry for late reply. Our supporters were ill.

For your questions:

1> Please add this Custom CSS segment on Customizer > Custom Code > Custom CSS:

@media (max-width: 768px){

.yolo-main-menu .navbar-nav li.yolo-menu-item-search a{

display:none !important;

}

}

2> You can go to Customizer >Header> Navigation Bar > Link Hover Color > Select color same as you want for your primary nav.

For search button, please add this Custom CSS segment on Customizer > Custom Code > Custom CSS:

.yolo-main-menu .navbar-nav li.yolo-menu-item-search a i{

color: #eeee22;

}

 

3> We don't get your point clearly.  Please give us some images describe your question. We will help you to check this.

You can check, then feedback for us soon.

Best Regards,

TracyBui - YoloTheme

 

 

 

Add New Note to this Reply

[Anonymous]

Thank you I think I have figured out and resolved most of these now. There may be one more thing I need help on but I will let you know.

Annelsie

Add New Note to this Reply

[Anonymous]

OK. I have resolved everything else, but need help with one more thing. I would like to make the images in the headings much more responsive. We are using logos and they keep getting cut off even though I've tried to scale them down (see attachment below for page http://new.fudds.ca/ruckers/)

I know if I can make the width more relative as below, this should do the trick but cannot figure out how/where to do this:

img {
    width: 100%;
    height: auto;
}

Should I be looking at the CSS or something else?

Add New Note to this Reply

[tinhbeng]

Hi,

You can add the following CSS line:

@media(max-width: 480px){

.site .yolo-page-heading{

padding: 180px 0px;

}

Hope it help!

}

Add New Note to this Reply

[Author]

Posts