Move logo to center of pageMove element XML not working (Magento 2)Override header Content and adding blockLuma sub theme - can't change logo sizeMove block in catalog_product_view layoutMagento 2: move the top links in the same container as the logoMagento2 Layout move element only for desktop view?Move product info in details tabHome Page getting error when try add product in cart Magento 2Solved: Magento 2 move productpage title around div
Is the decompression of compressed and encrypted data without decryption also theoretically impossible?
Why were the Night's Watch required to be celibate?
Rotated Position of Integers
How to split a string in two substrings of same length using bash?
Can I ask a publisher for a paper that I need for reviewing
What is the Process for Re-certifying Flight Hardware?
Is having a hidden directory under /etc safe?
Hygienic footwear for prehensile feet?
What if you don't bring your credit card or debit for incidentals?
Metal bar on DMM PCB
Comma Code - Ch. 4 Automate the Boring Stuff
Concise way to draw this pyramid
Restoring order in a deck of playing cards (II)
If a problem only occurs randomly once in every N times on average, how many tests do I have to perform to be certain that it's now fixed?
When leasing/renting out an owned property, is there a standard ratio between monthly rent and the mortgage?
Does any lore text explain why the planes of Acheron, Gehenna, and Carceri are the alignment they are?
Can an old DSLR be upgraded to match modern smartphone image quality
Can a magnetic field of a large body be stronger than its gravity?
Initialize an array of doubles at compile time
Setting extra bits in a bool makes it true and false at the same time
Do adult Russians normally hand-write Cyrillic as cursive or as block letters?
Why does a helium balloon rise?
Opposite of "Squeaky wheel gets the grease"
Working in the USA for living expenses only; allowed on VWP?
Move logo to center of page
Move element XML not working (Magento 2)Override header Content and adding blockLuma sub theme - can't change logo sizeMove block in catalog_product_view layoutMagento 2: move the top links in the same container as the logoMagento2 Layout move element only for desktop view?Move product info in details tabHome Page getting error when try add product in cart Magento 2Solved: Magento 2 move productpage title around div
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I want to move LOGO of site to center and want to add some text on the place of logo. I am able to add text from file but logo is not moving to center of container.
- I have extended LUMA theme.
- Screen Shot is attached as what i want achieve
layout magento-2.1
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
add a comment |
I want to move LOGO of site to center and want to add some text on the place of logo. I am able to add text from file but logo is not moving to center of container.
- I have extended LUMA theme.
- Screen Shot is attached as what i want achieve
layout magento-2.1
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
add a comment |
I want to move LOGO of site to center and want to add some text on the place of logo. I am able to add text from file but logo is not moving to center of container.
- I have extended LUMA theme.
- Screen Shot is attached as what i want achieve
layout magento-2.1
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
I want to move LOGO of site to center and want to add some text on the place of logo. I am able to add text from file but logo is not moving to center of container.
- I have extended LUMA theme.
- Screen Shot is attached as what i want achieve
layout magento-2.1
layout magento-2.1
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
edited Dec 16 '16 at 8:12
Jai
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
asked Dec 12 '16 at 7:21
JaiJai
3,63183163
3,63183163
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You could do it modifying element style; try to change .logo style (margin: -8px auto 25px 30%; instead of margin: -8px auto 25px 0;), for example.
In this case, you have to hook your text block in another block, different from logo.
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
|
show 3 more comments
You can try achieve this by following code.
app/design/frontend/Vendor/theme/Magento_Theme/layout/default.xml
<container name="header.main" htmlTag="header" htmlClass="header-main">
<container name="header.main.container" htmlTag="div" htmlClass="container">
<container name="header.main.row" htmlTag="div" htmlClass="row vcenter">
<container name="header.main.social" htmlTag="div" htmlClass="col-md-3 col-sm-3 hidden-xs header-social" before="-">
<block name="header.social" class="MagentoFrameworkViewElementTemplate" template="Magento_Theme::html/header/social.phtml"/>
</container>
<container name="header.main.logo" htmlTag="div" htmlClass="col-md-6 col-sm-6 col-xs-10 header-logo">
<block class="MagentoThemeBlockHtmlHeaderLogo" name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">499</argument>
<argument name="logo_img_height" xsi:type="number">57</argument>
</arguments>
</block>
</container>
<container name="header.main.search" htmlTag="div" htmlClass="col-md-3 col-sm-3 header-search hidden-xs" after="-">
<block class="MagentoFrameworkViewElementTemplate" template="Magento_Search::form.mini.phtml" />
</container>
</container>
</container>
</container>
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f149855%2fmove-logo-to-center-of-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You could do it modifying element style; try to change .logo style (margin: -8px auto 25px 30%; instead of margin: -8px auto 25px 0;), for example.
In this case, you have to hook your text block in another block, different from logo.
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
|
show 3 more comments
You could do it modifying element style; try to change .logo style (margin: -8px auto 25px 30%; instead of margin: -8px auto 25px 0;), for example.
In this case, you have to hook your text block in another block, different from logo.
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
|
show 3 more comments
You could do it modifying element style; try to change .logo style (margin: -8px auto 25px 30%; instead of margin: -8px auto 25px 0;), for example.
In this case, you have to hook your text block in another block, different from logo.
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
You could do it modifying element style; try to change .logo style (margin: -8px auto 25px 30%; instead of margin: -8px auto 25px 0;), for example.
In this case, you have to hook your text block in another block, different from logo.
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
answered Dec 16 '16 at 9:50
WaPoNeWaPoNe
89511125
89511125
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
|
show 3 more comments
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
it would not work.
– Jai
Dec 16 '16 at 10:32
it would not work.
– Jai
Dec 16 '16 at 10:32
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
I tried it and it works fine.
– WaPoNe
Dec 16 '16 at 10:34
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
This is not a proper way to movo logo to center and Add static block in left side. I am looking to use of standard magento way
– Jai
Dec 16 '16 at 10:39
1
1
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
Logo element is in header.container block, correctly. In there, you have two inline elements (nav-toggle and logo) and two block elements (minicart-wrapper and block-seearch); thier positions are decided by style only. My advice is Magento complient.
– WaPoNe
Dec 16 '16 at 10:52
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
If i do this, then I can display text on left side of logo? 1st: "Some Text", 2nd: Logo, 3rd: Search-box.
– Jai
Dec 16 '16 at 11:40
|
show 3 more comments
You can try achieve this by following code.
app/design/frontend/Vendor/theme/Magento_Theme/layout/default.xml
<container name="header.main" htmlTag="header" htmlClass="header-main">
<container name="header.main.container" htmlTag="div" htmlClass="container">
<container name="header.main.row" htmlTag="div" htmlClass="row vcenter">
<container name="header.main.social" htmlTag="div" htmlClass="col-md-3 col-sm-3 hidden-xs header-social" before="-">
<block name="header.social" class="MagentoFrameworkViewElementTemplate" template="Magento_Theme::html/header/social.phtml"/>
</container>
<container name="header.main.logo" htmlTag="div" htmlClass="col-md-6 col-sm-6 col-xs-10 header-logo">
<block class="MagentoThemeBlockHtmlHeaderLogo" name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">499</argument>
<argument name="logo_img_height" xsi:type="number">57</argument>
</arguments>
</block>
</container>
<container name="header.main.search" htmlTag="div" htmlClass="col-md-3 col-sm-3 header-search hidden-xs" after="-">
<block class="MagentoFrameworkViewElementTemplate" template="Magento_Search::form.mini.phtml" />
</container>
</container>
</container>
</container>
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
add a comment |
You can try achieve this by following code.
app/design/frontend/Vendor/theme/Magento_Theme/layout/default.xml
<container name="header.main" htmlTag="header" htmlClass="header-main">
<container name="header.main.container" htmlTag="div" htmlClass="container">
<container name="header.main.row" htmlTag="div" htmlClass="row vcenter">
<container name="header.main.social" htmlTag="div" htmlClass="col-md-3 col-sm-3 hidden-xs header-social" before="-">
<block name="header.social" class="MagentoFrameworkViewElementTemplate" template="Magento_Theme::html/header/social.phtml"/>
</container>
<container name="header.main.logo" htmlTag="div" htmlClass="col-md-6 col-sm-6 col-xs-10 header-logo">
<block class="MagentoThemeBlockHtmlHeaderLogo" name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">499</argument>
<argument name="logo_img_height" xsi:type="number">57</argument>
</arguments>
</block>
</container>
<container name="header.main.search" htmlTag="div" htmlClass="col-md-3 col-sm-3 header-search hidden-xs" after="-">
<block class="MagentoFrameworkViewElementTemplate" template="Magento_Search::form.mini.phtml" />
</container>
</container>
</container>
</container>
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
add a comment |
You can try achieve this by following code.
app/design/frontend/Vendor/theme/Magento_Theme/layout/default.xml
<container name="header.main" htmlTag="header" htmlClass="header-main">
<container name="header.main.container" htmlTag="div" htmlClass="container">
<container name="header.main.row" htmlTag="div" htmlClass="row vcenter">
<container name="header.main.social" htmlTag="div" htmlClass="col-md-3 col-sm-3 hidden-xs header-social" before="-">
<block name="header.social" class="MagentoFrameworkViewElementTemplate" template="Magento_Theme::html/header/social.phtml"/>
</container>
<container name="header.main.logo" htmlTag="div" htmlClass="col-md-6 col-sm-6 col-xs-10 header-logo">
<block class="MagentoThemeBlockHtmlHeaderLogo" name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">499</argument>
<argument name="logo_img_height" xsi:type="number">57</argument>
</arguments>
</block>
</container>
<container name="header.main.search" htmlTag="div" htmlClass="col-md-3 col-sm-3 header-search hidden-xs" after="-">
<block class="MagentoFrameworkViewElementTemplate" template="Magento_Search::form.mini.phtml" />
</container>
</container>
</container>
</container>
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
You can try achieve this by following code.
app/design/frontend/Vendor/theme/Magento_Theme/layout/default.xml
<container name="header.main" htmlTag="header" htmlClass="header-main">
<container name="header.main.container" htmlTag="div" htmlClass="container">
<container name="header.main.row" htmlTag="div" htmlClass="row vcenter">
<container name="header.main.social" htmlTag="div" htmlClass="col-md-3 col-sm-3 hidden-xs header-social" before="-">
<block name="header.social" class="MagentoFrameworkViewElementTemplate" template="Magento_Theme::html/header/social.phtml"/>
</container>
<container name="header.main.logo" htmlTag="div" htmlClass="col-md-6 col-sm-6 col-xs-10 header-logo">
<block class="MagentoThemeBlockHtmlHeaderLogo" name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">499</argument>
<argument name="logo_img_height" xsi:type="number">57</argument>
</arguments>
</block>
</container>
<container name="header.main.search" htmlTag="div" htmlClass="col-md-3 col-sm-3 header-search hidden-xs" after="-">
<block class="MagentoFrameworkViewElementTemplate" template="Magento_Search::form.mini.phtml" />
</container>
</container>
</container>
</container>
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
answered Dec 18 '18 at 17:18
Abhishek PanchalAbhishek Panchal
3,6903929
3,6903929
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f149855%2fmove-logo-to-center-of-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
