Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 18, 2013 at 3:52 pm #162987
    netztaucher

    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 11 years, 1 month ago by netztaucher.
    September 19, 2013 at 12:34 pm #163525
    Dude

    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

    September 24, 2013 at 2:55 pm #165656
    netztaucher

    hello,

    it looks good, but not on mobile device:

    is ther an other fix availible?

    bis dann, marco.

    September 27, 2013 at 8:50 pm #167289
    Devin

    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

    October 10, 2013 at 4:54 pm #173695
    netztaucher

    Thank you. I will give this a try.

    Can you tell me where the mediaquerys will done?

    bis dann, marco.

    October 11, 2013 at 5:28 am #173985
    Ismael

    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

    October 22, 2013 at 1:57 pm #179070
    netztaucher

    hello,

    well done.

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

    bis dann, marco.

    October 24, 2013 at 4:31 pm #180291
    Devin

    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

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