Cookie Consent problem on Mobile Devices

Home › Forums › Jevelin Theme › Cookie Consent problem on Mobile Devices

Home › Forums › Jevelin Theme › Cookie Consent problem on Mobile Devices

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    NOT RESOLVED Posts

  • Surge
    Participant

    Hi, i tried using the cookie consent option from the theme and it looks pretty bad on mobile devices. Please see the attached screenshot or visit surgeea.com.

     

    Thanks,

    Surge

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi Surge,

     

    Thank you for posting here.

     

    I could confirm the issue on my test site that occurs when we enable Sticky header therefore notified the theme developer about this so that it will be fixed.

     

    The issue will be fixed ASAP.

     

    In the meanwhile you can try resolving the issue 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-mobile {
    top: 70px;
}

.sh-page-notice .text-right a:first-child {
    margin-bottom: 8px;
    display: inline-block;
    margin-top: 8px;
}

     

    Best regards,
    Shufflehound team

    Surge
    Participant

    Sorry guys, not working well. Sticky Menu remains lowered even after i scroll down and logo on the left disappears. Notice box overlays the sticky mobile menu from the start. Please see the attached images…

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Then instead of above CSS code please try using below CSS code.

     

    #header-mobile {
    top: 80px;
}

#page-container header.primary-mobile-light .sh-header-mobile.sh-sticky-mobile-header-active{
    top: 0;
}

.sh-page-notice .text-right a:first-child {
    margin-bottom: 8px;
    display: inline-block;
    margin-top: 8px;
}

@media (max-width: 1025px){
#wrapper {
    margin-top: 80px;
}
}

    Surge
    Participant

    Hi there. Unfortunately, still problematic. I have attached a screenshot. As this can be easily rectified with a third party plugin, please don’t worry about it, it can wait the next theme update.

     

    The most pressing (and the only outstanding) matter i hope we can fix is here: https://support.shufflehound.com/forums/topic/how-to-return-header-logo-after-theme-update/#post-7591

     

    It has been marked as RESOLVED (and it was), but i have noticed the problem afterwards pertaining to mobile header.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Ok sure we will resolve it in next update.

    Surge
    Participant

    Great, thank you!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)