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

    Greetings,

    I am having issues regarding the background image in the color section. I know this problem has been solved many times here but I did not find the answer that really solved my problem.

    I cropped the images, put them as the background images in Color sections, and set 50% as the maximum height of the section.

    Everything is perfect in desktop devices, but in mobile devices the images stretches horribly and I finally came to the conclussion that I needed to put some kind of code that tells the theme to change the height in mobile devices to 25% or something similar. But I am afraid I do not posses CSS knowledge, that is why I am asking you to help me.

    Thank you very much. If you need the credentials to my website please tell me.

    #896385

    Hey Mireya,
    Please post us your login credentials (in the “private data” field), and link to the page in question, so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Mike

    #896397
    This reply has been marked as private.
    #896537

    Hi,
    I have added this code to your General Styling > Quick CSS field, and it now seems good on mobile. Please clear your browser cache and check.

    @media only screen and (max-width: 489px) {
    #fwsc,#fwsc2 {
    background-size: 209% 100% !important;
    background-position: 53% 90% !important;
    }
    }
    

    Best regards,
    Mike

    #896614

    Thank you so much! Yes, the images look amazing!

    I have another question but it is regarding the time of the site to load because it is a bit slow (6 sec) even without sliders and shortcodes. But this will be in another topic or maybe there is already a solution in the forum.

    Again, Mike, I am really grateful for your help!

    #896761

    Hi,
    Here are some Tips on speeding up site performance Once you have your site finished and live you can try these tips. But while you are still making changes using a cache plugin kind of works against the development. But at that time we will be happy to assist.

    Best regards,
    Mike

    #897040

    Thank you very much!!!!

    #897090

    Hi,

    Glad we could help, if you are looking for someone to help you out speeding your site up then I can recommend a service like SteadyWP.

    Best regards,
    Rikard

    #907159

    Thank you very much for the information!

    #907213

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

    #958764

    I am sorry for the late response, Mike. Yes we can! Thank you so much for the help

    #958785

    Hi,

    I’m glad you got this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change Color section height on mobile’ is closed to new replies.