Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #162987

    hello,

    at first: thanks for solving my first problem (shortcode for slider was broken by
    markdown-plugin).

    now there is an other issue…

    on http://reboot.netztaucher.com i use the ubermeneu für navigation on top.
    the colored navigation fills not the complete width of the header. is there a
    simple way to fix this?


    bis dann, marco.

    • This topic was modified 10 years, 10 months ago by netztaucher.
    #163525

    Hey netztaucher!

    Try following css code – you can insert it into the quick css field

    
    .bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu {
    margin-left: -50px;
    }
    
    .responsive_large #header_main_alternate .container {
    width: 100%;
    }
    

    Cheers!
    Peter

    #165656

    hello,

    it looks good, but not on mobile device:

    is ther an other fix availible?

    bis dann, marco.

    #167289

    Hello!

    You have this code in your custom.css:

    #megaMenu.megaFullWidth {
    width: 1310px;
    }

    You need to move that inside of the desktop only media query so that it is only applied while a user’s screen size is very large.

    Then add this to the mobile only query so that it only effects your mobile layout:

    .bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu {
    margin-left: 50px;
    }

    Cheers!
    Devin

    #173695

    Thank you. I will give this a try.

    Can you tell me where the mediaquerys will done?

    bis dann, marco.

    #173985

    Hello!

    When you edit the custom.css css file you’ll see a line like this:

    @media only screen and (min-width: 768px) {
      /* Add your Mobile Styles here */
    
    }

    Place the css modifications for desktop view inside the media query.

    @media only screen and (min-width: 768px) {
      #megaMenu.megaFullWidth {
    width: 1310px;
    }
    }

    Media query for mobile device like iPhone is at the very bottom:

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    
    }

    Best regards,
    Ismael

    #179070

    hello,

    well done.

    with the update, this week, i became one little problem.
    can you help?
    little gap @ subnavibar

    bis dann, marco.

    #180291

    Hey!

    Looks like this may do it:

    
    @media only screen and (min-width: 1340px) {
    .responsive_large #header_main_alternate .container {
    width: 1258px;
    }
    }
    

    Best regards,
    Devin

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Layout Header’ is closed to new replies.