Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 3, 2017 at 12:55 am #815667
    farzanahmed

    HI
    I have a blank white space that appears above the slider on my home page when viewing from a mobile/tablet screen?
    It pushes the shopping cart trolley in to that space.
    How do I get rid of that?
    Thanks
    Farzan

    July 3, 2017 at 3:58 am #815693
    Jordan Shannon

    Hey farzanahmed,

    Add the following to quick css:

    @media only screen and (max-width: 767px){
#header_main {
    height: 100px!important;
}

.responsive #top .cart_dropdown {
   margin-top:-33px!important;
}

#advanced_menu_toggle{
right:-7%!important;
}

.cart_dropdown {
right:1%!important;
}
}

    Best regards,
    Jordan Shannon

    July 3, 2017 at 4:00 am #815694
    farzanahmed

    Thank you VERY much Jordan

    That’s worked perfectly. :)

    Farzan

    July 3, 2017 at 4:01 am #815695
    farzanahmed

    Is there a way to have the ticks on that slider aligned next to the text on mobile/tablet screens as well please?

    At the moment, they’re moving to the left while the text is right aligned?

    Thanks

    July 3, 2017 at 4:10 am #815698
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px){
.caption_right .slideshow_align_caption {
    text-align: left;
}
}

    Best regards,
    Jordan Shannon

    July 3, 2017 at 4:16 am #815701
    farzanahmed

    Thanks Jordan

    Again, worked perfectly :)

    Appreciated mate.

    Farzan

    July 3, 2017 at 4:44 am #815711
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Blank white space appears over slider on mobile screens’ is closed to new replies.