Home Forums Air HTML Theme Top Slider font spilling into menu on mobile view

This topic contains 4 replies, has 2 voices, and was last updated by  floodout 1 month, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #13795

    floodout
    Participant

    Hello, how do stop the font from going over the tag menu and top of screen on initial view in mobile? Do I need to adjust the padding?

    Thanks

    http://helenneville.com/

    I want the words “BE MORE CREATIVE DON’T BE SO DEPRESSED” to be centred in the screen when you first view them in mobile, not being cut off the top.

    Thanks

    #13796

    BWSM
    Keymaster

    Hi, plz add the css:

    @media (max-width: 480px) {
     .responsive-ux .top-slider, .responsive-ux .top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap {
        max-height: none;padding-top: 40px;
     }
    }

    Regards!

    #13798

    floodout
    Participant

    Thankyou, I got this to work, but as you can see the top slider text is still spilling over into the filter menu at the bottom of the screen when I am looking on an iphone4/5

    http://helenneville.com

    How do i fix this one?

    Many thanks

    #13801

    BWSM
    Keymaster

    Please update the css as:

    @media (max-width: 480px) {
     .responsive-ux .top-slider.top-slider-text {
        max-height: none;padding-top: 100px;height:auto;
     }
     .text-slider-inn.middle-ux {
    top: 0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
      }
    }
    @media (max-width: 320px) {
     .responsive-ux .top-slider.top-slider-text {
         padding-top: 100px;height:auto;
     }
    }
    #13854

    floodout
    Participant

    Thankyou that worked!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.