• Resolved harvinderdhami

    (@harvinderdhami)


    Hi,

    I have the plugin installed and it looks great on the desktop however when switching to mobile the responsiveness of the login page doesn’t really look to great, the login form seems squashed. Any idea on how to make it more appealing?

    Kind Regards,
    Harvinder Dhami

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hello @harvinderdhami,

    Do you still have the plugin active?
    I have checked your login form but it looks good on mobile.
    Here is a screenshot: https://gyazo.com/cdac35336aba23825b93dd9d24921337

    If you do not have the plugin active please activate it so we can look at the form.

    Thank you,
    Mihaela

    Thread Starter harvinderdhami

    (@harvinderdhami)

    Hi @mplusb

    I have just reactivated the plugin. Another issue i’m having is that the logo doesn’t appear even when I have selected 1 in the customisation settings, I am able to change the background but not the logo?

    Kind Regards,
    Harvinder Dhami

    Hello @harvinderdhami,

    Thank you! I see what you mean now.
    I will open a ticket regarding this with our development team so they can fix this in our next update update.

    In the meantime time you can fix this by adding this code in Appearance > customize > additional CSS:

    @media screen and (max-width: 700px) { body .ml-extra-div {
        width: 0 !important;
    }
    body .ml-form-container {
        width: 100% !important;
    } }

    Regarding the logo not showing, please make sure to add it a height value and then save. After you do this it should display it.

    Thank you,
    Mihaela

    Thread Starter harvinderdhami

    (@harvinderdhami)

    Hi @mplusb

    That worked great thank you. However for the logo I set the logo height and width and it still doesn’t display the image?

    Kind Regards,
    Harvinder

    Hello @harvinderdhami,

    To show the logo please add the following code in Additional CSS:

    #login h1 a {
    
        background: url(https://s3-eu-west-2.amazonaws.com/pips-2-pounds-website-resources/wp-content/uploads/logo.png) no-repeat; }

    It seems like the theme’s styling overwrites the plugin’s. This should fix it!

    Thank you,
    Mihaela

    Thread Starter harvinderdhami

    (@harvinderdhami)

    Hi @mplusb

    That worked great thank you. Please could you remove the URL from your previous reply.

    Also if I was to add the above CSS to my child theme should it also work? Or does it need to be in the custom CSS section (Appearance > customize > Login Page Customiser)?

    Kind Regards,
    Harvinder Dhami

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @harvinderdhami, We only remove URLs in extreme cases. The URL you’ve posted in the opening topic is only visible to logged in users of www.ads-software.com and not search engines. The one posted in the code above is unfortunate, but search engine hits are not something that we consider an extreme case.

    • This reply was modified 5 years, 10 months ago by Andrew Nevins.
    Thread Starter harvinderdhami

    (@harvinderdhami)

    Hi @anevins

    I mean the link posted by @mplusb in the CSS fix?

    Kind Regards,
    Harvinder Dhami

    Hello @harvinderdhami,

    I am really sorry. If I could edit my reply I would remove it but it no longer gives me that option.

    As for your second question, yes, you can add it in your child theme as well.

    All the best,
    Mihaela

    • This reply was modified 5 years, 10 months ago by Miha.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @harvinderdhami, My bad. I took a look and the URL in the code snippet isn’t really an extreme case to edit the post.

    Thread Starter harvinderdhami

    (@harvinderdhami)

    Hi @anevins

    It is an extreme case as it is pointing to my S3 storage which charges per list/get for the image so when someone views the image I get charged for the request.

    @mplusb thank you for the reply.

    Kind Regards,
    Harvinder Dhami

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That’s your business choice, as that is already implemented on your website . If you don’t want to use S3 storage then don’t.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Mobile Responsiveness’ is closed to new replies.