Style problem on mobile - by groubee - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 8 years, 8 months ago ago by Robert Hall

  • Avatar: groubee
    groubee
    Participant
    September 21, 2015 at 13:03

    Hi

    I have some small style problems on mobile…

    – element comes up on top of slider?
    see https://www.dropbox.com/s/odle6r81jtnqc65/mobile-not-ok.jpg?dl=0
    – the menu and cart are not align on mobile?
    see https://www.dropbox.com/s/ux8re62jrb0viib/mobile-not-ok-change.jpg?dl=0

    Would it be possible to move the menu, logo and cart 50px up on mobile? there is a lot of space in the top.

    I hope you can help me and I am looking forward your support.

    Best regards
    Tonny

    9 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 21, 2015 at 14:15

    Hello,

    Try to add this code in custom css for mobile.

    .navbar-right .navbar-right {
        top: 14px;
    }
    

    Regards,
    Robert Hall.

    Avatar: groubee
    groubee
    Participant
    September 21, 2015 at 14:47

    You mean – custom.css ? or what?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 21, 2015 at 14:59

    Hello,

    Navigate to Dashboard->Theme Options->Custom CSS->and add code to Custom CSS for mobile.

    Regards,
    Robert Hall.

    Avatar: groubee
    groubee
    Participant
    September 21, 2015 at 15:08

    Ok thanks it works

    Would it be possible to move the menu, logo and cart 50px up on mobile? there is a lot of space in the top.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 21, 2015 at 15:48

    Use this code in Theme Options->Custom CSS->and add code to Custom CSS for mobile.

    .top-bar .languages-area #text-2{
    display:none;
    }

    Regards,
    Robert Hall.

    Avatar: groubee
    groubee
    Participant
    September 21, 2015 at 17:25

    It worked – can I get it even more up?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 21, 2015 at 17:31

    Please use this code in Theme Options->Custom CSS->and add code to Custom CSS for mobile.

    .navbar{
        top: -60px;
    }

    Regards,
    Robert Hall.

    Avatar: groubee
    groubee
    Participant
    September 21, 2015 at 20:18

    Thanks – it works great!!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 21, 2015 at 20:40

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘style problem on mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.