Forum Replies Created
Please also use the below custom CSS code.
.sh-categories article .sh-ratio-content { background-size: contain; background-repeat: no-repeat; }It seems you are using Jetpack plugin on your site so could you please try temporary deactivating its Photon module on your site as shown in the attached screenshot?
The Jetpack plugin Photon module stores your website images on wp.com and serves the images directly from the server wp.com so sometimes the images are not updated on wp.com with the correct size.
Also please try regenerating thumbnails on your site using the below plugin.
Hi @shilpi4,
I hope you are well today and thank you for your questions.
How can I toggle the color of my menu button?
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body:not(.home) .c-hamburger--htx:not(.is-active) span, body:not(.home) .c-hamburger span:before, body:not(.home) .c-hamburger span:after { background: #000 !important; }Also, how can I show the top nav bar in the responsive layout? (It shows on the desktop, but not on Mobile)
You can display the topbar on mobile by using the CSS solution shared in the below topic.
https://support.shufflehound.com/forums/topic/top-bar-does-not-display-2/#post-46534
Best regards,
Shufflehound teamHi @shilpi4,
I hope you are well today and thank you for your question.
You can add it using the below plugin.
https://wordpress.org/plugins/add-search-to-menu/
Best regards,
Shufflehound teamSolution for this topic
Won’t this solution delete the cart icon?
This may delete it.
First, please freeze your requirements so that I can help you accordingly.
If so, how can I add the cart icon back onto the page?
You can display the cart icon in the header by configuring it in the theme header settings as shown in the attached screenshots.
Adding a menu may work, but then how do I get rid of the search bar?
Please use below custom CSS code to remove it.
.sh-header-mobile .container.sh-nav-container:last-child { display: none; }Solution for this topic
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container header.primary-mobile { height: auto !important; }I can not access your shared website as it just displays the message “Désolé, nous travaillons actuellement sur le site”.
Would you mind if I log in to your site and access it? If this is ok then could you please temporarily share me your site admin login details privately by adding them in the box having text “Enter your private content here (only you and forum moderators will be able to see it)”?
You can find attached the screen shoot and the download files report.
I can see the below message in your shared file that means the demo content is imported successfully.
The import files for: Beauty were successfully downloaded!
You get below warning messages when you don’t activate the WooCommerce plugin when importing the demo content.
This is not a major issue as your demo content gets imported successfully.
[WARNING] Failed to import product_tag Aftershave
[WARNING] Failed to import fw-portfolio-category Art
[WARNING] Failed to import fw-portfolio-category Commercial
[WARNING] Failed to import product_tag CreamHi @AppsVilla,
I hope you are well today and thank you for your question.
Have you changed the font to Tahoma?
I can see it is changed on your website on mobile as shown in the attached screenshot.
Please test it clearing and temporarily deactivating the WP Rocket cache that you are using on your website.
Best regards,
Shufflehound teamHi @TheMakoBrothers,
I hope you are well today and thank you for your question.
Could you please share the page URLs from your site where it is displaying so that I can help you?
Best regards,
Shufflehound teamHi @laurita,
I hope you are well today and thank you for your question.
Please try using the loco translate plugin as described below.
https://support.shufflehound.com/theme-translation/
Best regards,
Shufflehound teamAwesome great to see you got that sorted.
Please advise if you have more questions.
Have a fantastic day!
You are most welcome here 🙂
I bought the Jevelin theme, I installed it and all the plugins on wordpress. It didn’t work and I was asked to have WP Bakery Page builder. So I bought this plug in addition … and I installed it.
You don’t need to buy WPBakery Page Builder plugin as it comes bundled with the theme and you can install it from Admin Area -> Appearance -> Install Plugins
I want to download the website template (beauty) to have a model for my own future website.
You can import the demo content on your website as described below.
https://support.shufflehound.com/installing-demo/
When I download it, I have a error message (joined) and everything is wrong. When I’m going on the website it is written : “forbidden”. What can I do? I just want to make some changes on your model to have my own website…
Could you please share your site URL where it’s happening so that I can troubleshoot it?
Also, please share the screenshot of the issue.
Solution for this topic
Hi @oldteaseller,
I hope you are well today and thank you for your questions.
Remove the “Assign menu”? I don’t want a menu.
Remove the search bar? I don’t need a search bar
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header-mobile .container.sh-nav-container { display: none; }Add a link to the homepage?
If you remove the menu then you can’t add a link to it so please display the mobile menu and add a homepage menu item to it in your website admin area.
Change the Social media links to other social media links?
Change the social media links to reflect the links to my social media sites?
You can change it in the theme settings as shown in the attached screenshot.
Best regards,
Shufflehound teamHi @labeladmin,
I hope you are well today and thank you for your questions.
I have an issue with the slider and its responsive feature.
I have 2 buttons on two separate slides. The call to action is set to be scroll to ID #, however, this does not work on all responsive devices, only on the desktop.Could you please share your site URL where it’s happening so that I can troubleshoot it?
Also, please tell me exactly about which devices it doesn’t work.
I have an issue with the background image for my woocommerce single product. I want the picture to be fixed, however, on IOS the picture is not fixed. I am using YellowPencil to set all the background images settings. It works on desktop’s responsive (google chrome: toggle device toolbar) but not on the iPhone.
Developing custom code for custom functionality or providing support to the custom code or functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop or fix it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Best regards,
Shufflehound teamSolution for this topic
Hi @TheMakoBrothers,
I hope you are well today and thank you for your question.
Your question is already answered in your below topic.
https://support.shufflehound.com/forums/topic/landing-page-header-issue/#post-59195
Best regards,
Shufflehound teamHi @MonologueHQ,
Thank you for your question.
I tested it visiting your website and it’s working fine for me without any issue as shown in the attached screenshots.
Please test it clearing your browser cache or using a different browser.
Best regards,
Shufflehound teamHi @MonologueHQ,
Thank you for your questions.
Our footer / copyright notice has very little padding on mobile. We would like to create more space on the top of the blue section as well at the bottom of the blue section.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 900px){ #page-container .sh-footer .sh-copyrights { padding: 20px 10px; } }We would also like to have the two sections ‘Links’ and ‘Contact’ on the same row on mobile.
You can try achieving this using the Yellow Pencil editor in responsive mode as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound teamHi @MonologueHQ,
I hope you are well today and thank you for your question.
You can center align it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
ul#list-Wrp7bGRiFB { text-align: center; }Best regards,
Shufflehound teamHi Marine,
I hope you are well today and thank you for your question.
It’s English forum and most of the members including me here only understand English language so it would be better if you post on the forum in English.
If you don’t know English then you can translate your statements in English using the following Google translator and then add here the translated English text.
https://translate.google.co.in/
Best regards,
Shufflehound teamPlease see the slider box at the bottom of the homepage. I would like to “shorten” that entire thing. I want to make the height of the background image shorter as to compress the entire widget on desktop. How would I go about doing this?
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-iconbox-slider .sh-iconbox-slider-item { height: 400px; }
