Mobile view of blendit

Home Forums Blendit Theme Support Mobile view of blendit

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #67824
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    http://mysbiz.com/SWPA/
    template: blendit

    -The slider text is not appearing
    -The first section image is cut off
    -The first section title is not appearing

    https://snag.gy/fGHIR6.jpg

    #67947
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Any update? thx

    #68030
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Can you at least tell me how to make the about section image not be cropped??

    #68071
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Laura,

    Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

    Add this code there:

    @media screen and (max-width:479px) {
    .header { position:relative !important; height:auto !important; padding-bottom:0;}
    .nivo-caption { width:100% !important; display:block !important; left:0 !important;}
    #slider .top-bar h2 { font-size:18px !important;}
    #slider .top-bar p { display:block !important; font-size:14px !important;}
    #aboutsec .last_column img { position:relative !important;}
    #aboutsec .cont-fix { padding-top:30px !important;}
    .slider-main { padding-top:0 !important;}
    .header .header-inner { padding:0;}
    #slider .top-bar { top:8px !important;}
    .logo img { width:70%;}
    }

    Regards,
    Chris

    #68077
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Thank you. Is there a way to make the logo larger on this new format, and centered?

    #68078
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Sorry, centered only. I see the logo size at the end of the code.

    #68087
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Also, is there a way to make the slider text with no double line spacing? The last slider title does not show because white text over white background.

    #68104
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Laura,

    please remove previous css code.

    And add this new css code there.

    @media screen and (max-width:479px) {
    .header { position:relative !important; height:auto !important; padding-bottom:0;}
    .nivo-caption { width:100% !important; display:block !important; left:0 !important;}
    #slider .top-bar h2 { font-size:18px !important;}
    #slider .top-bar p { display:block !important; font-size:14px !important;}
    #aboutsec .last_column img { position:relative !important;}
    #aboutsec .cont-fix { padding-top:30px !important;}
    .slider-main { padding-top:0 !important;}
    .header .header-inner { padding:0;}
    .header .header-inner .logo { margin:0 auto;}
    .logo img { width:70%;}
    .top-bar h2 {background-color: rgba(0, 0, 0, 0.4); display: table; margin: 0 auto; padding: 10px !important; line-height:20px !important;}
    }

    Regards,
    Chris

    #68146
    LauraLaura
    Participant
    • Topics: 158
    • Replies: 195
    • Total: 353
    Member since: July 21, 2016

    Fantastic! Thank you.

    #68175
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile view of blendit’ is closed to new replies.