notice-top-bar on mobile Apple

Home Forums Porto – Responsive HTML5 Template notice-top-bar on mobile Apple

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10045357
    umbrellamanagement
    Participant

    I closed the other ticket about the notice-top-bar. But after I have noticed the bar is not displayed on Apple mobile phones. On Android is working fine.
    apple
    Thanks!


    #10045362
    Support
    Keymaster

    Try this:

    (css/custom.css)

    .notice-top-bar {
        z-index: 100000 !important;
    }

    #10045363
    umbrellamanagement
    Participant

    ok, thanks, it worked yesterday for mobile and is still working.
    Also, it worked yesterday for desktop.
    Bun now the top-bar is not dissapearing anymore on desktop. And I have not modified anything.


    #10045364
    Support
    Keymaster

    Try this:

    @media (min-width: 992px) {
    	#header {
    		z-index: 100001;
    	}
    }

    #10045365
    umbrellamanagement
    Participant

    Ok, I tried, the top-bar is disssapearing but when you go from menu to other page, I can see an empty space there where the top bar was in the index file. When I scroll down in this secondary pages, this space is dissapearing and is not present when I scroll up again.


    #10045368
    Support
    Keymaster

    It’s because of that part of the CSS:

    Change that to:

    body.with-topbar {
    	margin-top: 42px !important;
    }

    And add the class “with-topbar” in the BODY tag of the pages you want to have the topbar

    <body class="with-topbar">

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

This topic is marked as "RESOLVED" and can not rceive new replies.