Front Page not responsive on Mobile?

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

Tagged: 

This topic contains 11 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 4 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #36437

    Melissa
    Member
    • Topics: 2
    • Replies: 12
    • Total: 14
    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
    Member
    • Topics: 0
    • Replies: 17874
    • Total: 17874
    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: 2
    • Replies: 12
    • Total: 14
    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
    Member
    • Topics: 0
    • Replies: 17874
    • Total: 17874
    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: 2
    • Replies: 12
    • Total: 14
    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: 2
    • Replies: 12
    • Total: 14
    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
    Member
    • Topics: 0
    • Replies: 17874
    • Total: 17874
    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: 2
    • Replies: 12
    • Total: 14
    Member since: June 7, 2016

    Amazing!!! Thanks so much

    #36614

    Melissa
    Member
    • Topics: 2
    • Replies: 12
    • Total: 14
    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
    Member
    • Topics: 0
    • Replies: 17874
    • Total: 17874
    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: 2
    • Replies: 12
    • Total: 14
    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
    Member
    • Topics: 0
    • Replies: 17874
    • Total: 17874
    Member since: August 16, 2013
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.