Menu overlapping Logo on Left Header 2 layout - Jevelin

Home Forums Jevelin Theme Menu overlapping Logo on Left Header 2 layout – Jevelin

Home Forums Jevelin Theme Menu overlapping Logo on Left Header 2 layout – Jevelin

This topic contains 12 replies, has 2 voices, and was last updated by  Shufflehound Support 16 hours, 6 minutes ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    RESOLVED Posts
  • The logo is contained in the same space as the menu.  Menu overlaps Logo on desktop.

    Tried disabling plugins, changing logo size, changing settings of size, sticky header, etc.  Nothing works.

     

    • This topic was modified 6 days, 23 hours ago by  Claudiasimon.
    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Hi @claudiasimon,

     

    I hope you are well today and thanks for posting here.

     

    You can resolve 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

     

    #page-container .sh-header-left-side,
    #page-container .sh-header-left-navigation {
        position: static;
    }
    
    .sh-header-left-1 .sh-nav-container {
        padding-top: 0;
    }
    
    @media (min-width: 1100px){
    #page-container {
        padding-left: 0 !important;
    }
    
    .sh-header-left-1 .header-bottom {
        position: static;
    }
    }
    
    
    @media (max-height: 800px){
    #page-container  #header-logo {
        padding-bottom: 0 !important;
    }
    }
    

     

    Best regards,
    Shufflehound team

    Thank you for your quick response!  Unfortunately, it did not work for me.  Attached is the screen shot.

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

    I don’t see the shared CSS code on your site.

     

    Could you please tell me where you have added it?

     

    Also i can see you have added PHP code in the style.css file of jevelin child theme. Please don’t do this and remove that code from that file as style.css file only contains CSS code and not PHP code.

     

    You should add PHP code in the funcrtions.php file of your child theme.

    Thanks for the quick response. I added custom css in the child style.css file.

     

    PHP code moved over.

     

    Thanks!

    You are most welcome here 🙂

    Sorry,  this is not resolved.  I just moved the code over and added the css but still it is overlapping.

    I don’t see it in your child theme style.css file so where have you added it?

     

    Would you mind if i log in to your site and add it properly? 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.”?

    took the code out when it did not resolve the issue. It is back in, login details in private message

    thank you 🙂

    Removed some code that was provided for image resizing by support, and that seemed to change the logo position. But now the sticky header is disabled.

    • This reply was modified 3 days, 1 hour ago by  Claudiasimon.

    The sticky header won’t work in this header style if we make header navigation menu static.

     

    I have notified the theme developer about this so that it will be fixed.

     

    The issue will be fixed ASAP.

    Much thanks!

    You are most welcome 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.