2

I am customizing my Magento theme. I have come across the problem of customizing default Magento message. Is there any way to change to position this in the middle. Right now it is on the left side. I have applied the ultimo theme in which I am using this.

Moreover, in themes setting, there is no option to customize the default header. Any kind of help would be much appreciated.

I am using Magento 2.1 community edition.

  • share your web URL to check if can be done via CSS – Manoj Deswal Sep 11 '17 at 7:43
  • @ManojDeswal sorry but i did not have a live site i am using this on my local server. For your info i am using the ultimo theme. – tech_geek Sep 11 '17 at 7:47
  • you need to modify some code inside "header-top-container".. welcome message is coming in "left-column".... You need to create extra column and place your welcome message code inside that.... little CSS usage will help to put at right place wherever you want – Manoj Deswal Sep 11 '17 at 8:04
  • also you can define width to "left-column" and then welcome message can float to right – Manoj Deswal Sep 11 '17 at 8:06
  • @ManojDeswal one thing i have searched and find it to change the css in the theme by custome.less css file. But how i would know the classes name. I cannot see the html or in phtml files where can i view these things. May be ultimo theme is inheriting these things from parent (luma base theme). – tech_geek Sep 11 '17 at 8:25
3

follow below steps to add image in top right container of your header:

1) Your image should at right location to work, for example taking "test.jpg"

/app/design/frontend/Infortis/base/web/images/test.jpg

2) Find your header.phtml at below location

/app/design/frontend/Infortis/base/Infortis_Base/templates/html/header.phtml

and paste this line of code

<div class="jb_image"> <img src='<?php echo $this->getViewFileUrl('images/test.jpg'); ?>' alt="test"></div>

inside this section <div class="right-column"></div>

Clear and flush cache.

  • 1
    thank you manoj its working fine. I have done this int he same way. – tech_geek Sep 20 '17 at 6:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.