Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 13, 2015 at 12:27 pm #458743
    StephanieAxton

    Hi there!
    I just have a couple of questions and am hoping you can help!

    I’m trying to make the mobile header on mobile to be transparent like it is on a computer but I’ve tried everything and it is still grey?
    I’m also using an image as a colour section but it doesn’t change size to fit on a mobile? Is it possible for that to be done? Be responsive?

    And finally I have 3 testimonials showing and was wondering if it is possible to have a button to view more and then for them to appear?
    What would be the best way to go about it?

    Hope that all makes sense!
    Thanks so much in advance!

    Ta.
    Steph

    June 15, 2015 at 5:54 pm #459548
    Yigit

    Hey StephanieAxton!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background-color: transparent;
  position: absolute!important;
}}

    Please try using testimonial slider. You can see an example under “What my clients say about me and my work” here – http://kriesi.at/themes/enfold-one-page-portfolio/#about

    Cheers!
    Yigit

    June 17, 2015 at 12:12 pm #460673
    StephanieAxton

    Hi Yigit,
    Thanks for getting back to me so quickly!
    That all works perfectly! and I’ll use the testimonial slider – much easier!

    Just my question on the image as a colour section for the headers on the page? Is it possible for the image to automatically change size to fit when using a mobile? So its responsive?

    Thanks again!!!!

    Steph

    June 18, 2015 at 7:40 pm #461541
    Yigit

    Hi!

    We can provide you custom CSS code to fit the whole image but that would cause a whitespace at the top :/
    If you would like to give it a try, please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
#fullscreen_slider_0 li.av-single-slide.slide-1.active-slide {
  background-size: contain;
  background-repeat: no-repeat;
}}

    Best regards,
    Yigit

    June 19, 2015 at 6:22 am #461683
    StephanieAxton

    Thanks for getting back to me Yigit!

    Sorry that didn’t work but I don’t think I actually explained it that well to start!! :)

    The website is just one page that you scroll down and its the colour section of those headers that I’m trying to make responsive?
    So if you look at the site its the services, our team, recent projects etc that I was hoping the image would fit on a mobile?

    Hope that makes sense!
    Sorry again for all the questions!!

    Ta.
    Steph

    June 19, 2015 at 7:21 am #461702
    Basilis

    Hey!

    As I understand, you re trying to make the mobile background of that area, to ” squueze ” inside the available area. Is that correct?

    Tryuse the following, to your background image

    background-repeat:no-repeat;
background-size:contain;
background-position:center;

    Thanks a lot for your time and patience

    Best regards,
    Basilis

    June 20, 2015 at 11:51 am #462192
    StephanieAxton

    Thanks for getting back to me Basilis!

    Yep thats what I was hoping to do but I just added the code and checked the website on my phone and unfortunately it didn’t work?

    Any other suggestions would be greatly appreciated!!!

    Thank you!!!

    Steph

    June 22, 2015 at 11:33 am #462580
    Andy

    Hey!

    you can control it using this code:

    #fullscreen_slider_0 li.av-single-slide.slide-1.active-slide {
background-repeat: no-repeat;
background-size: 100%;
background-position: 0px 175px !important;
}

    Make some changes on the values to adjust as needed.

    Hope this helps.

    Best regards,
    Andy

    June 23, 2015 at 10:58 am #463243
    StephanieAxton

    Hi Andy,
    Sorry to be annoying but that doesn’t work either?
    I’m just not sure why the section background image won’t reduce to size when on a mobile?
    The front page slider fits perfectly its just the images i use for the section?

    Anything else I could try?

    Thanks!
    Steph

    June 24, 2015 at 10:07 am #463851
    Andy

    Hey!

    sorry, forget to include media queries for mobile devices:

    @media only screen and (max-device-width: 736px) {
#fullscreen_slider_0 li.av-single-slide.slide-1.active-slide {
background-repeat: no-repeat;
background-size: 100%;
background-position: 0px 175px !important;
}}

    Clear browser cache and refresh a few times. Check on another mobile device as well and don’t forget to adjust the values as needed.

    Best regards,
    Andy

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