A few issues after update

[Papabear1609]

Good Morning,

I have experienced a couple issues when i updated the theme and the soliloquy plugin.

I previously had custom arrows that reverted back to the default arrows on all my sliders once i did the update, could you help please help me change them back.

I also noticed that when looking on the mobile version the menu has dropped down under my logo where it once was right aligned in line with it. Could you help me to please correct this.

I have also noticed that my social icons have shrunk down in size, Can you help me rectify this also.

My site is https://carbonart45.com/

Thank you for your time.

Josh

[mldarshana]

Hi Josh,

Thanks for writing in! First of all, I would suggest you to go through our guidelines below to isolate the issue.

1. If you’re using a caching plugin on your site, you need to purge full cache. Also disable CSS/JavaScript autominification temporarily.
2. If you’re using a CDN service like CloudFlare, you need to clear it’s cache.
3. Try removing all of your custom CSS rules added to your site and test your issue further.
4. If you’re using a child theme, try switching to your parent theme and test your issue further.
5. We suggest you to test for a plugin conflict by deactivating your 3rd party plugins. If the issue is resolved, then you can activate your plugins one by one to see which plugin conflicts.

Let us know how it goes.
Thanks!

[Papabear1609]

Hi there,

I have purged full cache.

Strangely I had a new update to cornerstone and the theme and after I did the update, my icons have returned to normal size and my menu has returned to how it was however on my mobile site my arrows have returned to my custom arrows but on the desktop version they are still the default arrows…

This is very bizarre…

Can you explain this phenomenon?

Thanks for your time.

Josh

[nabeel]

Hey Josh,

This is happening because of your custom CSS being applied for the screens under 769px in width, please find the following code:

 @media(max-width: 769px) {
                .page-id-547 div.x-container.max.width {
                    padding:0 !important;
                }

                .soliloquy-container .soliloquy-next {
                    background: rgba(0,0,0,0) url(https://carbonart45.com/wp-content/uploads/2017/02/right-arrow-2.png) no-repeat scroll 50% 50% !important;
                }

                .soliloquy-container .soliloquy-prev {
                    background: rgba(0,0,0,0) url(https://carbonart45.com/wp-content/uploads/2017/02/left-arrow-2.png) no-repeat scroll 50% 50%!important;
                }

And replace it with:

 @media(max-width: 769px) {
                .page-id-547 div.x-container.max.width {
                    padding:0 !important;
                }
          }

                .soliloquy-container .soliloquy-next {
                    background: rgba(0,0,0,0) url(https://carbonart45.com/wp-content/uploads/2017/02/right-arrow-2.png) no-repeat scroll 50% 50% !important;
                }

                .soliloquy-container .soliloquy-prev {
                    background: rgba(0,0,0,0) url(https://carbonart45.com/wp-content/uploads/2017/02/left-arrow-2.png) no-repeat scroll 50% 50%!important;
                }

Your code had a missing curly bracket, I just fixed it for you and now your arrows should display correctly.

Don’t forget to clear all caches including your browser’s cache after updating the code. Let us know how this goes!

[Papabear1609]

Good Morning,

That’s great it worked perfectly.

Thank you very much for your help and excellent support.

Have a great day.

Josh

[basanta]

Glad that we could help you!

Thanks