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.

Improve this question
26
  • share your web URL to check if can be done via CSS
    – Manoj Deswal
    Sep 11, 2017 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, 2017 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, 2017 at 8:04
  • also you can define width to "left-column" and then welcome message can float to right
    – Manoj Deswal
    Sep 11, 2017 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, 2017 at 8:25

1 Answer 1

Reset to default
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.

Improve this answer
1
  • 1
    thank you manoj its working fine. I have done this int he same way.
    – tech_geek
    Sep 20, 2017 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.