Front Page not responsive on Mobile?

Home Forums All Other Themes Front Page not responsive on Mobile?

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #36437
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Hi – how do I get my front page to finish loading and show the text that goes with the sliders on mobile? My sliders have a button that leads to another webiste – and with them not showing up on mobile – its not great!

    http://www.bellaphotographyottawa.com

    Thanks!

    #36539
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013

    Hi Melissa,

    Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:


    @media
    screen and (max-width:767px){
    .logo span.textlogo { font-size:32px; padding:0;}
    .logo span.textlogo span.rightstyle { padding:0;}
    .slider-main { min-height:inherit;}
    .nivo-caption { display:block !important; width:100%; right:50%; transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);}
    .nivo-controlNav { padding:0 !important;}
    }

    Regards,
    Brad

    #36597
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Thank you – this worked wonderfully for showing the text – however it is too big to be displayed on mobile. Is it possible to make the font size smaller?

    #36600
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013

    Hi Melissa,

    Kindly edit in the previous code.

    .logo span.textlogo { font-size:32px !important; padding:0;}

    Regards,
    Brad

    #36604
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Hi – thanks, its not working? I have even tried putting the font size 2 12px, and it is not changing.

    #36607
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Oh – I just realized, the font change is changing the website title (Bella photography) rather than the slider text (portrait photography, wedding photography, pet photography)

    #36608
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013

    For the slider title kindly add this code in custom css box:


    @media
    screen and (max-width:767px){
    .slide_info h1{font-size:32px !important;}
    }

    Regards,
    Brad

    #36611
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Amazing!!! Thanks so much

    #36614
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Ok – confused, the slider works great on a computer and on a mobile phone, but when I am viewing the Tablet via the “customize” option on the website, the “View More” button will not load, and so there is no where for my clients to click to be brought to the other websites.

    #36708
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013

    Hi,

    Kindly mention which tablet you use and its resolution. On iPad it appears and works just fine.

    Regards,
    Brad

    #36728
    Melissa
    Member
    • Topics: 3
    • Replies: 12
    • Total: 15
    Member since: June 7, 2016

    Glad to hear it – I was viewing the page on a computer, via the Customize function where you can change the view at the bottom (computer, tablet, phone)

    Both the phone and computer load correctly, however the tablet does not. I will check on my ipads at home.

    thanks,
    Melissa

    #36959
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.