[Resolved] Customizer: mobile styles are overwritten by desktop styles

Home Forums Support [Resolved] Customizer: mobile styles are overwritten by desktop styles

Home Forums Support Customizer: mobile styles are overwritten by desktop styles

  • This topic has 5 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1189510
    Inga

    Hi there,

    I’ve set the width and height of the menu items in the customizer for desktop (30,40). Works. Then I changed width and height for mobile devices by clicking the small mobile icon in the customizer (20,60).
    But this doesn’t take effect on frontend. The styles for mobile (20,60) are there, but are overwritten by desktop styles (30,40):

    .main-navigation .main-nav ul li a, 
    .menu-toggle, 
    .main-navigation .mobile-bar-items a {
        padding-left: 30px;
        padding-right: 30px;
        line-height: 40px;
    }
    

    overwrites

    
    .main-navigation .main-nav ul li a {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 60px;
    }
    

    Shouldn’t there be any media query here?

    Thanks

    #1189774
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know ๐Ÿ™‚

    #1189945
    Inga

    PW ist gpsupport
    URL is updated. Main navigation is the blue nav on top of the site. Many thanks!

    #1190106
    Leo
    Staff
    Customer Support
    #1192965
    Inga

    Uhm yes, that’s it… so the mobile menu breakpoint applies to other styles too, okay, obvious.
    Thank you!

    #1193015
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.