Forum Replies Created
Solution for this topic
Hi @LeaV,
Thank you for your question.
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
.header-contacts-details > i { display: none; } #page-container .header-contacts-details { font-size: 16px; text-align: right; } .header-social-media.sh-table-cell { display: inline-block; width: 45%; } .header-contacts.sh-table-cell { display: inline-block; width: 55%; }Best regards,
Shufflehound teamYou are most welcome here 🙂
Hi Eddy,
I hope you are well today and thank you for your question.
Could you please share me your site URL where you want to display it so that i can help you to achieve it?
Best regards,
Shufflehound teamSolution for this topic
It seems the section id is getting changed on your site so above shared CSS code is not working.
Please try using below custom CSS code instead of above.
@media (min-width: 1251px) { #content .fw-page-builder-content > .sh-section:first-child .fw-row:nth-child(2) .sh-column:first-child { position: absolute; top: -91px; left: 0; } #content .fw-page-builder-content > .sh-section:first-child .fw-row:nth-child(2) .sh-column:last-child { position: absolute; top: -91px; left: 300px; } }You are most welcome here 🙂
Please try using below custom CSS code to disable it.
.mobmenur-container { display: none; }@awlavery You have been already answered this question in your following topic.
https://support.shufflehound.com/forums/topic/post-comments/#post-7479
The problem with mobile menu is fixed but the hight remains the same for some reason, adding CSS code didn’t change it.
I can see the mobile menu height is changed after using above shared CSS code. Please see the screenshots of menu before and after using CSS code.
On more thing… I used to have black version of my logo on the left of the header on white pages (See attached), but now the logo image doesn’t switch and it remains white (which here means it’s invisible). Could you please help me revert this to the way it was in the attached screenshot?
<div class=”bbp-attachments”></div>
<div>To help us keep support thread separates could you please create new thread for each of your other questions instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
</div>
<div>We would be more than happy to help you on your new thread.
</div>
Yes because only mega menu uses font awesome and the theme uses simple line icons.
Please temporary remove all the custom CSS code that you are using on your site that seems causing this issue.
Ok I have notified the theme developer about this so that it will be taken care of.
This will be resolved ASAP.
It is fixed in the following latest version of theme.
You are most welcome here 🙂
You are most welcome here 🙂
Sure we will do it.
Solution for this topic
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
li.sh-list-item {display: inline-flex;}Solution for this topic
Hi @LeaV,
I hope you are well today and thank you for your question.
The theme only provides the following two second and third header styles that match some of your requirements.
https://jevelin.shufflehound.com/header/second-header/
https://jevelin.shufflehound.com/header/third-header/
Best regards,
Shufflehound teamSolution for this topic
Hi @shanticfm,
Thank you for your another question.
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
.sh-back-to-top { color: #8acfba; } .sh-back-to-top:after { content: "Top"; display: block; font-size: 15px; position: relative; top: -13px; font-weight: 800; } .sh-back-to-top i { line-height: 40px; }Best regards,
Shufflehound teamYou are most welcome here 🙂
Hi @LeaV,
I hope you are well today and thank you for your question.
You can reduce 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 (min-width: 1251px) { .sh-section-e6a2a30d24158618572e19cc8dc77ac9 .fw-row:nth-child(2) .sh-column:first-child { position: absolute; top: -91px; left: 0; } .sh-section-e6a2a30d24158618572e19cc8dc77ac9 .fw-row:nth-child(2) .sh-column:last-child { position: absolute; top: -91px; left: 200px; } }Best regards,
Shufflehound teamSolution for this topic
Please also try using following custom CSS code.
.sh-sticky-header-active:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a{ padding-top: 30px; padding-bottom: 30px; }
