Hello,
First note that HikaShop is responsive, and so for us (unless we are missing something to fully understand) you don't need to create 2 modules.
Now, in order to have a module which would have two very different displays depending on the size of the screen, follow me step by step :
1. Learn
here
how to add custom css command
2. Then you can use the @media commands in order define specific css for required sreen size
Learn more,
here
.
3. Create your relative command for your module and add them to your frontend css file.
Example :
.html_modul_class {
// Your Css command
}
@media screen and (max-width: 600px) {
.html_modul_class {
// Your Css command
}
}
4. For your specific text need, note that on a side you can "hide" unwanted text :
Example :.html_text_class {
display: none;
}
And on the other side, add some text via Css command :
Learn more,
here
.html_text_class_container::after {
content:" your text";
}
Hope this will help you to achieve your needs.
Regards