Home › Forums › WoodMart support forum › Set different category image background on tile between PC and mobile

Set different category image background on tile between PC and mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 5, 2023 at 9:43 am #479274

    Brian0413
    Participant

    Hi,

    Refer to the other post link in below, I know there is CSS code to specify 1 default category image background on title for ALL product category when customers view the website in mobile instead of PC, but can I specify different image for different category in mobile instead of PC?

    https://xtemos.com/forums/topic/can-i-set-category-images-on-title-on-pc-but-not-in-mobile/

    In other words, I want separate set of image backgrounds on title for each product category, which means each category have 2 specific images, one for PC and one for mobile view. For example, category A have apple in PC view and orange in mobile view, but category B have banana in PC view and strawberry in mobile view.

    For your reference, I also included the wordpress admin account information in the private content.

    Please kindly provide me the CSS code to be added to the Theme Settings > Custom CSS > Mobile, thank you.

    July 6, 2023 at 12:16 am #479485

    Elise Noromit
    Member

    Hello,

    You can try to do that with Theme Settings presets https://xtemos.com/docs-topic/theme-settings-presets/

    If you have any questions please feel free to contact us.

    Best Regards

    July 6, 2023 at 9:09 am #479545

    Brian0413
    Participant

    Hello,

    I made the following changes:

    1. Set Condition = custom + equal + is mobile device
    2. Edit Theme Settings -> Uncheck “Inherit” -> Change Page Title Settings

    However, under change page title settings, I could only remove page title or change default page title background for mobile view, but I am unable to specify certain image for certain categories in mobile view.

    Since PC view and mobile view is tied together in product category images, if I want specific image for mobile view and different from PC view, I cannot do it with the method you mentioned.

    Please advise whether I could make changes with CSS code to specify background page title image based on product categories and only applies to mobile view.

    Thank you and best regards.

    July 7, 2023 at 1:59 am #479778

    Elise Noromit
    Member

    Hello,

    I am afraid that this is not possible with options, you can set the image for mobile individually for every category using the custom CSS.

    You will need to have CSS for every category.

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)