Okay
  Public Ticket #1148093
Header image for WPO product category is in strange shape on mobile view
Closed

Comments

  •  2
    pingbara started the conversation

    Header image for WPO product category on my home page is in strange shape on mobile view. It seems on mobile view the image was resized very strange for resposiveness.

    Is there any method to make it looks better??. It look very strange if my customers open my website on their mobiles and nowadays more and more customers tend to use mobile for online shopping. Please kindly guide me.

    please kindly see the screenshot.

    PS) I have just changed the hosting service provider, so the FTP account that your team used it to access to my files and database (during private ticket) to fix the theme problem for me are "NO LONGER IN USE".

    Attached files:  135628.jpg

  •  403
    Opal replied

    Hi,

    If show fullsize 100% on mobile version: https://www.screencast.com/t/lVKRqJwpDw

    Do you want to show this, or hidden on mobile

    Opal Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours in weekdays. In some rare cases the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote :
    To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
    Thanks and have a nice day

    Website: http://wpopal.com/

  •  2
    pingbara replied

    Dear Opal team

    Thanks for your quick reply. 

    Your screenshot is what exactly i would love to have.

    It looks a lot better than my current version which the image are scaled down for mobile screen and the image proportion is very strange. 

    Please kundly guide me on how to do it. 

    Methee s. 

  •  403
    Opal replied

    Hi,

    To make it, please add style in to file style.css

    .cat-image img.attachment-full{
      height: 100% !important;
    }

    Then delete all cache on your site when check.

    I done for you.

    Opal Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours in weekdays. In some rare cases the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote :
    To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
    Thanks and have a nice day

    Website: http://wpopal.com/

  •  2
    pingbara replied

    Dear Opal team

    After I have checked, it seems after i cleared all cache on my mobile phone and PC browser, the image still in strange shape, not fixed. Please kindly help me re-check.

    Best Regards

    Methee S.

  •  2
    pingbara replied

    Please kindly see the screenshots for some examples

    Attached files:  136920gg.jpg
      136922.jpg

  •  403
    Opal replied

    Hi,

    I think the problem from caching on your site( WP Hummingbird plugin).

    You need to remove all caching on your site and recheck.

    I checked code and it's ok/

    Opal Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours in weekdays. In some rare cases the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote :
    To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
    Thanks and have a nice day

    Website: http://wpopal.com/

  •  2
    pingbara replied

    Dear Opal team

    Thank your very much. It is fixed now after I refresh the cache in created by that plugin.

    Best Regards

    Methee S.

  •  2
    pingbara replied

    Hi

    After the theme update, the header image for WPO product category on my home page got a space on the right.
    Is there any update in the theme causing this, please guide me on how to fix it. I will do it myself

    PLEASE SEE THE SCREENSHOT FOR MORE UNDERSTANDING

    Attached files:  space.gif

  •  403
    Opal replied

    Hi,

    The error is because your image is not wide enough. You can use images with a larger width or use the following css code:

    .cat-image img.attachment-full {

    width:100%;

    }

    Thanks.

    Opal Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours in weekdays. In some rare cases the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote :
    To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
    Thanks and have a nice day

    Website: http://wpopal.com/

  •  2
    pingbara replied

    Dear Opal team

    Actually the custom css code you recomeended below has long time ago been added to my child theme's css. So i am not sure what is the actual problem

    Anyway, I have increase the size of the image, and now everything is fine.

    Thanks

    Methee S.

  •  403
    Opal replied

    Hi,

    The problems mainly come from image size., you just put the css code in the sub-theme, the changes will be recorded even when you update the new theme.

    Thanks.

    Opal Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours in weekdays. In some rare cases the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote :
    To vote go to http://themeforest.net/downloads then follow that link : http://screencast.com/t/ylPjXebiCIOE
    Thanks and have a nice day

    Website: http://wpopal.com/