Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 30, 2015 at 1:49 pm #558426
    dondela

    Hi,
    i tried to disable the “Header Phone Number/Extra Info” on the desktop version only. I want this Info just on the mobile version.
    If i use this css it works:

    @media only screen and (min-width: 769px) {
    #header_meta {
    display: none;
    }}

    The Problem my megamenu-submenu (Leistungen) is half hidden too. Please see the screenshot, i disabled the css.
    https://www.dropbox.com/s/1ujju2125om68ry/Screen%20Shot%202015-12-28%20at%20%2020.18.36.png?dl=0

    December 30, 2015 at 4:31 pm #558462
    Yigit

    Hi dondela!

    That is weird. Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    December 30, 2015 at 4:41 pm #558473
    dondela

    Thanks for helping, see the admin details below.

    December 30, 2015 at 4:44 pm #558477
    Yigit

    Hey!

    And a link to your website please :)

    Best regards,
    Yigit

    December 30, 2015 at 5:00 pm #558487
    dondela

    uuups

    December 30, 2015 at 5:19 pm #558493
    Yigit

    Hey!

    Which browser and OS are you using?
    I checked your website on Firefox, Chrome and Safari on OS X 10.11 and it does look fine on my end. Please see screenshots in private content field

    Edit: I realized that code was not added. I added the code above and additional one in Quick CSS field. Please review your website now

    Cheers!
    Yigit

    • This reply was modified 8 years, 12 months ago by Yigit.
    December 30, 2015 at 5:32 pm #558507
    dondela

    Yes because i disabled the css. Now it is enabled and you can see the error.

    December 30, 2015 at 5:33 pm #558509
    Yigit

    Hey!

    I updated my post above :)

    Best regards,
    Yigit

    December 30, 2015 at 5:40 pm #558514
    dondela

    :-) We are too fast both.

    I figured it out: I added a !important and now the megamenu works as expected.
    Thanks again!
    @media only screen and (min-width: 769px) {
    #header_meta {
    display: none;
    }}
    #header .six.units {
    width: 435px!important;
    }

    • This reply was modified 8 years, 12 months ago by dondela.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Hide Extra Info on desktop Version’ is closed to new replies.