Home › Forums › Jevelin Theme › Footer position screens smaller than 768px
Home › Forums › Jevelin Theme › Footer position screens smaller than 768px
Hi @Bassez,
I hope you are well today and thank you for your question.
Your shared image is too small so I can’t see the issue in it.
Could you please share your site URL where it’s happening so that I can troubleshoot it
Best regards,
Shufflehound team
I’m fine, thanks for asking. Hope you are the same.
For sure: https://www.stoffer-en-blik.nl/
I can see you are using an older version of the theme on your shared site so please update the theme on your site to the below latest version as described here https://support.shufflehound.com/updating-theme/
Please login to access this file
Also, could you please try temporarily deactivating the Yellow pencil editor plugin to check whether it is causing the issue?
Updated the latest version!
And deactivate yellow pencil, it’s indeed causing the issue. It works, only it gives a white space above the slider.
I don’t see white space above the slider as shown in the attached screenshot.
Please advise.
And if I deactivate Yelow pencil it shows items which I hide with the tool. So it solves the footer issue but creates some other issues.
Then please reactivate the Yellow pencil editor plugin and just delete the CSS specific to the footer that you have created as described on the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/
Yeah!! One line of code fucked it up.
I only have the header issue:
On desktop view there is also an issue now. The first 3 items: Home – Categorieën – Favorieten are all blue (selected) all the time.
Solution for this topic
Yeah!! One line of code fucked it up.
Glad you resolved it.
I only have the header issue:
On desktop view there is also an issue now. The first 3 items: Home – Categorieën – Favorieten are all blue (selected) all the time.
This is happening because they are home page internal links.
You can change their colors 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
.home .sh-header .sh-nav > .current_page_item > a, .home .sh-header .sh-nav > .current-menu-ancestor > a, .home .sh-header .sh-nav > .current-menu-item > a, .home .sh-header-left-side .sh-nav > .current_page_item > a { color: rgba(61,61,61,0.69) !important; } .home .sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a, .home .sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a > i, .home .sh-header .sh-nav > li.sh-nav-social > a:hover > i, .home .sh-header-mobile-navigation li > a:hover > i, .home .sh-header-left-side li.menu-item > a:hover { color: rgba(61,61,61,0.80) !important; }
Thanks for the great service!!!!!!!!!
You are most welcome here 🙂