breadcrum custom code made header move

[MeesterGijs]

Hello, Because of some newly given custom css (for mobile devices) I now have the word LOGIN somewhat higher than it should be. See this screenshot. When I deactivate the code, the problem is solved. My question is: How can I still use the code/get the same effect without effecting the login header on mobile phones? This code was used and causes the issue: /* MOBIEL cursuspagina verwijder breadcrums en titel cursus @media (max-width: 768px){div#item-header div#item-header-content ul.breadcrumbs {display:none !important;} div#item-header div#item-header-content h1{display:none !important;} ul.topmenu li a.smallimg.vbplogin{padding-bottom:5px !important;} section#title .course_header {padding-bottom:0px !important;} .single-course div#item-header-content div#item-meta {grid-template-columns: 25% 25% 1fr !important;text-align: center;} .single-course div#item-header-content div#item-meta strong {font-size: 12px !important;font-weight: 500;}}*/ Thanks! Gijs

[Diana]

This reply has been marked as private.

[MeesterGijs]

Problem Solved! Thanks, Diana.

[Jackson]

Ok so now we closed this topic ,   thanks,

[Author]

Posts