Landkit update 1.10 turns code block into Chinese characters. See fix here

Okay
  Public Ticket #1840086
Top mini menu & mobile menu background
Closed

Comments

  • Fishinho started the conversation

    Hi,

    1 - the top mini menu is showing in the right top corner when I would like it to be above of the logo.

    2 - the menu background of the mobile version is looking weird on the social icon.

    3 - The mobile menu header is not changing the logo to a different color like the main site is.

    hope you can help

    thank you

    Attached files:  mobile menu backgroud.png
      top mini.png

  •  383
    Gabriel replied

    Hi, do you have a live link so I can check on my end?

  • Fishinho replied

    Hi Gabriel,

    Unfortunately the site is not published yet. 

    I recon that it would be easier for you to help me if it was, but at this moment I can't publish it yet.

  •  383
    Gabriel replied

    Ok, let's try a few things:

    1. Add this code to Theme Options - Customizations - CSS Global to move mini menu custom content above the logo:

    @media (min-width: 993px) {
    .navbar-mini .navbar-right {
        float: left !important;
        margin-left: -15px;
    }
    }

    2. The whole mobile menu background looks weird, but I can't tell what the problem is. Make sure both main color and hover color are set in theme options. That's where the menu color comes from.

    3. Can't tell what the issue is here. If you uploaded all logos (main + retina, secondary + retina), it should change on scroll. See if any error comes up in browser inspector console when scrolling on mobile view.

  • Fishinho replied

    Hello Gabriel,

    With your input I was able to solve the problems.

    However, the top mini menu is already were I wanted it is pushing the logo to the right. But this is only happening on Firefox. I tried to fix it but couldn't come to a solution.

    Can you advise something?

    Attached files:  Captura de ecrã 2019-01-04, às 12.43.54.png

  •  383
    Gabriel replied

    Hi, can you please check this on your end, see how it looks: https://socanny.com/dev2/

    What seems to be strange on your screenshot is the fact that mini menu has a smaller height and it has a dark grey background. Did you adjust that?

  • Fishinho replied

    Hello,

    Yeah I changed it my self with this:

    .navbar-mini {
      background-color: grey;
    height: 15px;
    border: none;
    }

    .navbar-mini .custom-area {
      padding: 0px;
    color:white;
    }

  •  383
    Gabriel replied

    All right, if you remove the code I sent you, logo looks fine?

    How about this here: https://socanny.com/dev2/ does it look off too?

  • Fishinho replied

    Hi Gabriel,

    Sorry I've been busy with the go live day of the site.

    Answering your question, yes. the logo on firefox moves to the right of the top mini menu. only on firefox though.

    You can check out my website at www.urbimo.com

    _________

    Another thing:

    I've posted some blog posts already but the text formatting doesn't show up, even though on the editor it does. I've got things in bold that don't show up formatted the way they should.

    Hope you can help me out.

  •  383
    Gabriel replied

    Hi, add this to Theme Options - Customizations - CSS Global:

    .container.navbar-header{
        clear:both;
    }

    As for the blog posts, it looks like you're using a different font. We adjusted both strong and bold to a smaller weight, because the default one looked awful. Just add this to CSS Global to fix it:

    b, strong {
        font-weight: 700;
    }
  • Fishinho replied

    Hello Gabriel,

    Still not working, the logo still moves to the right on firefox! 

  •  383
    Gabriel replied

    Sorry, my bad. This is the code:

    .container .navbar-header{
        clear:both;
    }