Active Module [Topbar] Welcome on movile

tuffcris

Hello How Active Module [Topbar] Welcome on movile at the left upper space on mobile. Thanks for everything.

saguaros

You meant the module on 'topbar-message' position?

Try going to file: [root]/templates/ja_shoe/tpls/blocks/topbar.php

and remove the class: hidden-xs hidden-sm in this code:

<?php if ($this->countModules('topbar-message')) : ?>
  <!-- TOPBAR MESSAGE -->
  <div class="topbar-message hidden-xs hidden-sm">
    <jdoc:include type="modules" name="<?php $this->_p('topbar-message') ?>" />
  </div>
  <!-- //TOPBAR MESSAGE -->
<?php endif ?>

tuffcris

Just that but I dont want to remove it at all but active it on mobile just looks like on desktop put it at left upper part on mobile. Thanks.

aman204

tuffcris Just that but I dont want to remove it at all but active it on mobile just looks like on desktop put it at left upper part on mobile

To get the results as envisaged, You can make the changes as suggested by @saguaros in order to have the specific module show in responsive mobile mode.

Thereon, You can try add this to custom.css file and adjust value accordingly :

@media only screen and (max-device-width: 480px){.t3-topbar .topbar-message{left:20% !important;}}

Kindly ensure to clear your browser cache if changes dont reflect

tuffcris

Thanks @saguaros and @aman204 for everything but it's almost perfect, if I do all of yours the mobile looks perfect really perfect but on desktop that message will be changed of location into right and I want it upper center on desktop. Thanks again.

aman204

tuffcris but on desktop that message will be changed of location into right and I want it upper center on desktop

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing the exact location where you wish to have the specific module positioned in desktop mode

The above media query CSS will solely target with declaration below certain screen size

tuffcris

saguaros

As I can see that the topbar is still being hidden now, let us know if you still need help on this.