Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #226257

    Hi awesome Kriesi-Team! :)

    I’m preparing another enfold-website for a new client. I already made some custom css-changes but still have the following issues (I already used the search-function without success in my case.

    – I need the logo to be aligned right instead of default left. The main navigation stays left.
    – the mobile navigation icon is overlapping the logo on smartphones
    – I can’t use the fixed header with my quick css (where I moved the logo above the main navigation)

    I already set the following quick css code for having the logo above the main navigation:

    The drafted website:

    I would very much appreciate your advice.

    Cheers and thanks,
    Jan :)


    Hey jansthh!

    1.) Use this to align the logo to the right:

    div .logo {
    float: right;

    2.) Use this to move the mobile menu toggle:

    @media only screen and (max-width: 767px) {
    .mobile_active #advanced_menu_toggle {
    display: block;
    margin-top: 0;


    This reply has been marked as private.


    Please add following code to Quick CSS and adjust as needed

    .header_color .main_menu ul:first-child > li > a { color: red; }

    I have moved the logo to the right. You can find the custom CSS code in Quick CSS section



    Hey Yigit,

    awesome!!!! :)

    Only in iPad portrait mode it’s not on the right. Why is that?

    Thank you,



    Please add following code to Quick CSS as well

    @media only screen and (max-width: 989px) and (min-width: 768px) { 
    .responsive .mobile_slide_out .logo {
    float: right;

    Best regards,


    Hey Yigit,

    yeah, here we go!

    You guys do a hell of a job. I have more kriesi-theme-jobs in the pipeline… ;)

    Jan :)

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

The topic ‘Align Logo and mobile navigation’ is closed to new replies.