align module to the above block component

alex-feng

How can I align my module position to the component of the above block as shown in the attached screen shot?
This Tel module will disappear when the screen size reduces. However, I did not make it disappear on layout configuration. How can I resolve this issue? (the template is ja_company-default-en)

saguaros

1 - I added this custom css to align the tel:

/*Tel header right*/

@media (min-width: 992px) {
  .head-right h4 {
    margin-right: 210px;
}
}

2 - The header block has 'hidden-xs' class so that div is hidden on mobile view

In this file: /tpls/blocks/header.php

<div class="head-right hidden-xs col-sm-9 col-lg-6">

I removed that class and it's showing now on mobile.

Kindly check.

alex-feng

Thank you for your help. I usually download the php file to my local computer to modify it and then upload it after the modification. Can you access the php file and modify it directly on the administrator site?

saguaros

alex-feng

Yes, I did update for you before I replied here.