Beauty Spa | Responsive mode

Home Forums Perfect Forum Beauty Spa | Responsive mode

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #79266
    Gabriel PatrizziGabriel Patrizzi
    Participant
    • Topics: 32
    • Replies: 64
    • Total: 96
    Member since: January 23, 2016

    Hi, Shri.

    In the visual responsive of the main page of this web (http://ginarojas.glabetmontenegro.com) the image leaves the main section “I am Gina Rojas” appears cut and completely loses the sense the design.

    Is there any way that on mobile phones and tablets the background is a flat color and not that photo? I have placed it in various ways and I do not find that it suits me …

    SEE: https://drive.google.com/file/d/0B8iDlyaoyiFnWlljQmZ4V0RsYVk/view?usp=sharing

    What solution do you suggest?

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

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    @media screen and (max-width:1023px) {
    .home1_section_area_bg { background-image:none !important; background-color:#e1e1ed !important;}
    }

    Regards,
    Chris

    #79452
    Gabriel PatrizziGabriel Patrizzi
    Participant
    • Topics: 32
    • Replies: 64
    • Total: 96
    Member since: January 23, 2016

    Ready!

    Solved this. Now, on the main slide I would like the mobile version to appear the text and button, as it appears in the computer version.

    I tried with a solution that I had been given for another web (another subject) but it did not work for me.

    Stay tuned Shri.

    Greetings.

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

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .home.has_trans_header .nivo-caption { padding:0 !important;}
    .nivo-caption { left:0 !important; top:0 !important;}
    .title { display:block !important;}
    .slidebtn { display:table !important;}
    }

    Regards,
    Chris

    #79587
    Gabriel PatrizziGabriel Patrizzi
    Participant
    • Topics: 32
    • Replies: 64
    • Total: 96
    Member since: January 23, 2016

    One question is how to activate this topic a gallery of images type of theme Blendit Pro?

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

    Hi,

    Kindly show us your Blendit Pro site URL so that we can assist further.

    Regards,
    Chris

    #79763
    Gabriel PatrizziGabriel Patrizzi
    Participant
    • Topics: 32
    • Replies: 64
    • Total: 96
    Member since: January 23, 2016

    I think I did not explain myself well (remember that they use the Google translator to communicate with you).

    I want to apply the image gallery that I have in the main page of this web: http://albertoblancouribe.com in this: http://ginarojas.glabetmontenegro.com

    I explain?

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

    Hi,

    You mean, you want to light box in the gallery section.
    Like Blendit Pro?

    Regards,
    Chris

    #79877
    Gabriel PatrizziGabriel Patrizzi
    Participant
    • Topics: 32
    • Replies: 64
    • Total: 96
    Member since: January 23, 2016

    Hi.

    Okay, I already figured this out.

    REGARDS!

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

    Great

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.