About the instagram icon although i have some problems. The solution you send me is partial working because needs padding customization for the sticker and non sticker menu. Can we find a better solution for this? I mean at default you take a Simple line icon for the instagram icon, the simple line icons collection has the new instagram icon, the rounded, i believe it is more easier to replace the old with the new icon code. This solution also must be in your theme. I am waiting for this question.
Could you please share the screenshot of what you are referring so that i can better understand it and help you?
Something last, can i add and how a colored line under the menu items when i hover over one and on the selected? I mean a line above the item text ::after and ::before.
Use the below custom CSS code to achieve this.
.sh-header .sh-nav > .current_page_item > a,
.sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a {
text-decoration: underline;
}
Hi Benoît,
I hope you are well today and thank you for your question.
Could you please share me your site URL where it’s displaying so that i can help you?
Best Regards,
Movin
Developing custom code for custom functionality is beyond the scope of support that we provide please see here 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 it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
I am note sure what you are trying to achieve here.
Do you want whole site to support RTL except header?
Please advise.
It is working fine for me.
I visited your shared site but didn’t find the above shared CSS code anywhere in the webpage markup.
May be the old page is cached by WP-Super-Cache so after using the code try clearing the cache or temporary disabling it.
No we don’t find any way to do this.
Currently we don’t do any custom work but you can consider hiring a developer https://www.upwork.com/freelancers/~011652ffec8865c6d5 to do this.
You are most welcome here 🙂
Solution for this topic
Try changing the code as following.
#page-container .sh-header.sh-sticky-header-active .sh-nav > .menu-item-type-custom.current_page_item > a {
color: rgba(61,61,61,0.69) !important;
}
body.home #page-container .sh-header-mobile a,
body.home #page-container .sh-header:not(.sh-sticky-header-active) .sh-nav > li.current_page_item > a,
body.home #page-container .sh-header:not(.sh-sticky-header-active) .sh-nav > li:not(.current_page_item):hover > a {
color: rgba(255,255,255,0.85)!important;
}
body.home #page-container .sh-header-mobile a:hover,
body.home #page-container .sh-header:not(.sh-sticky-header-active) .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a,
body.home #page-container .sh-header:not(.sh-sticky-header-active) .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a > i,
body.home #page-container .sh-header:not(.sh-sticky-header-active) .sh-nav > li.sh-nav-social > a:hover > i,
body.home #page-container .sh-header-mobile-navigation li > a:hover > i,
body.home #page-container .sh-header-left-side li.menu-item > a:hover {
color: #fff!important;;
}
If the issue still occurs then please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”
This can be due to plugin conflict on your site so please try temporary deactivating all plugins except slider and Unyson plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.
If it is not plugin conflict then Would you mind if i log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”?
Solution for this topic
You can always display that arrow 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-back-to-top.sh-back-to-top1 {
opacity: 1;
}
Yes it is a feature of theme to support those plugins but they are not bundled in the theme.
Sure could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?
Just disable RTL support from theme options as shown in the attached screenshots.
Could you please share me your site URL where it’s happening so that i can help you to achieve it?
but that didnt work as the CSS text-overflow will only work if the text was in a single line….
Yes you are right that is a limitation of CSS and you have to develop custom code in the Jevelin child theme to achieve it.
It seems you have made the description to display like that using breaks ( br tags ) in it as shown in the attached screenshot.
So to display them full width please remove those breaks.
It is almost same as this event page https://jevelin.shufflehound.com/home/home-event/ except header so please use Home event template for that page and set header layout to Header 7 as shown in the attached screenshots.
Hi @prateek488,
I hope you are well today and thank you for your question.
You can achieve it as described on the following page.
http://para.llel.us/support/tutorials/linking-menu-items-to-sections-on-the-same-page/
Best regards,
Shufflehound team
You are most welcome here 🙂