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
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.
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.
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.
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 š
Can you please give me a timeline on this?Ā I need to let a client know.
The issue is fixed in the following latest version of theme so please update the theme on your site to the below latest version.
Please login to access this file
I did so and still it is not sticky
Please try removing any custom CSS code that you are using on your site.
I removed the custom css provided in the earlier thread, it’ sticky now š BUT now the logo is small and unlinked to the home page
I could confirm the issue and notified the developer again to resolve it.
Also you are using older version of theme on your site so please update it to the latest theme version.