Logo is in the middle of the header though css is float right in the landing pages
https://www.winepeople.com.au/4270001
CSS
float: right
winepeople logo is in the people even though the css id declared as right. I couldnt figure it out. Please help
html css
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
|
show 1 more comment
https://www.winepeople.com.au/4270001
CSS
float: right
winepeople logo is in the people even though the css id declared as right. I couldnt figure it out. Please help
html css
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
3
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07
|
show 1 more comment
https://www.winepeople.com.au/4270001
CSS
float: right
winepeople logo is in the people even though the css id declared as right. I couldnt figure it out. Please help
html css
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
https://www.winepeople.com.au/4270001
CSS
float: right
winepeople logo is in the people even though the css id declared as right. I couldnt figure it out. Please help
html css
html css
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
edited Nov 14 '18 at 1:02
Manoj Kumar
18.9k83766
18.9k83766
asked Nov 14 '18 at 0:47
sudisudi
11
asked Nov 14 '18 at 0:47
sudisudi
11
asked Nov 14 '18 at 0:47
sudisudi
11
11
3
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07
|
show 1 more comment
3
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07
3
3
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07
|
show 1 more comment
1 Answer
1
active
oldest
votes
<div id="header-logo" class="col-xs-6 col-sm-6 col-sm-offset-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive pull-right">
</a>
</div>
A combination of .pull-right on the image and a .col-sm-offset-6 will work to get your desired result in most situations. There are many other possibilities.
I suggest you review the Bootstrap 4 layout grid docs here: https://getbootstrap.com/docs/4.1/layout/grid/
Answer #2:
Pertains to:
https://www.winepeople.com.au/jsp/offer/recr/au/wpe/offer_temp5.jsp?offerId=91100022&promoCode=4271001&offer=2018/november/4271001&utm_source=my241&utm_medium=email&utm_campaign=4271001&utm_content=rec_xmas
This page has Grid CSS borrowed from Bootstrap, but does not seem to have the required media queries to isolate class behavior by screen size. Hence, you have a battle between .col-xs-5 and .col-sm-6. The CSS will work if you remove your .col-xs-5 class until your CSS library can be properly compiled.
HTML
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
Should become:
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
|
show 1 more comment
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
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: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
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%2fstackoverflow.com%2fquestions%2f53291595%2flogo-is-in-the-middle-of-the-header-though-css-is-float-right-in-the-landing-pag%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
<div id="header-logo" class="col-xs-6 col-sm-6 col-sm-offset-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive pull-right">
</a>
</div>
A combination of .pull-right on the image and a .col-sm-offset-6 will work to get your desired result in most situations. There are many other possibilities.
I suggest you review the Bootstrap 4 layout grid docs here: https://getbootstrap.com/docs/4.1/layout/grid/
Answer #2:
Pertains to:
https://www.winepeople.com.au/jsp/offer/recr/au/wpe/offer_temp5.jsp?offerId=91100022&promoCode=4271001&offer=2018/november/4271001&utm_source=my241&utm_medium=email&utm_campaign=4271001&utm_content=rec_xmas
This page has Grid CSS borrowed from Bootstrap, but does not seem to have the required media queries to isolate class behavior by screen size. Hence, you have a battle between .col-xs-5 and .col-sm-6. The CSS will work if you remove your .col-xs-5 class until your CSS library can be properly compiled.
HTML
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
Should become:
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
|
show 1 more comment
<div id="header-logo" class="col-xs-6 col-sm-6 col-sm-offset-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive pull-right">
</a>
</div>
A combination of .pull-right on the image and a .col-sm-offset-6 will work to get your desired result in most situations. There are many other possibilities.
I suggest you review the Bootstrap 4 layout grid docs here: https://getbootstrap.com/docs/4.1/layout/grid/
Answer #2:
Pertains to:
https://www.winepeople.com.au/jsp/offer/recr/au/wpe/offer_temp5.jsp?offerId=91100022&promoCode=4271001&offer=2018/november/4271001&utm_source=my241&utm_medium=email&utm_campaign=4271001&utm_content=rec_xmas
This page has Grid CSS borrowed from Bootstrap, but does not seem to have the required media queries to isolate class behavior by screen size. Hence, you have a battle between .col-xs-5 and .col-sm-6. The CSS will work if you remove your .col-xs-5 class until your CSS library can be properly compiled.
HTML
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
Should become:
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
|
show 1 more comment
<div id="header-logo" class="col-xs-6 col-sm-6 col-sm-offset-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive pull-right">
</a>
</div>
A combination of .pull-right on the image and a .col-sm-offset-6 will work to get your desired result in most situations. There are many other possibilities.
I suggest you review the Bootstrap 4 layout grid docs here: https://getbootstrap.com/docs/4.1/layout/grid/
Answer #2:
Pertains to:
https://www.winepeople.com.au/jsp/offer/recr/au/wpe/offer_temp5.jsp?offerId=91100022&promoCode=4271001&offer=2018/november/4271001&utm_source=my241&utm_medium=email&utm_campaign=4271001&utm_content=rec_xmas
This page has Grid CSS borrowed from Bootstrap, but does not seem to have the required media queries to isolate class behavior by screen size. Hence, you have a battle between .col-xs-5 and .col-sm-6. The CSS will work if you remove your .col-xs-5 class until your CSS library can be properly compiled.
HTML
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
Should become:
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
<div id="header-logo" class="col-xs-6 col-sm-6 col-sm-offset-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive pull-right">
</a>
</div>
A combination of .pull-right on the image and a .col-sm-offset-6 will work to get your desired result in most situations. There are many other possibilities.
I suggest you review the Bootstrap 4 layout grid docs here: https://getbootstrap.com/docs/4.1/layout/grid/
Answer #2:
Pertains to:
https://www.winepeople.com.au/jsp/offer/recr/au/wpe/offer_temp5.jsp?offerId=91100022&promoCode=4271001&offer=2018/november/4271001&utm_source=my241&utm_medium=email&utm_campaign=4271001&utm_content=rec_xmas
This page has Grid CSS borrowed from Bootstrap, but does not seem to have the required media queries to isolate class behavior by screen size. Hence, you have a battle between .col-xs-5 and .col-sm-6. The CSS will work if you remove your .col-xs-5 class until your CSS library can be properly compiled.
HTML
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-xs-5 col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
Should become:
<div class="header-container clearfix">
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/my241_logo.jpg" alt="My241" class="img-responsive">
</a>
</div>
<!-- End logo -->
<div class="col-xs-2 visible-xs"> </div>
<!-- Begin logo -->
<div id="header-logo" class="col-sm-6">
<a href="/">
<img src="/images/au/en/brands/wp/recr/WP_logo.gif" alt="Laithwaite's Wine" class="img-responsive" style="float:right">
</a>
</div>
<!-- End logo -->
</div>
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
edited Nov 14 '18 at 1:39
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
answered Nov 14 '18 at 1:18
Harvey A. RamerHarvey A. Ramer
654612
654612
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
|
show 1 more comment
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
sorry i am struggling in this page winepeople.com.au/4271001
– sudi
Nov 14 '18 at 1:24
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Please ignore the previous pages.
– sudi
Nov 14 '18 at 1:25
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
Above code works but both the logos are not in the same line.
– sudi
Nov 14 '18 at 1:28
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
In the future, it will be helpful to paste HTML snippets like I have provided in my answer.
– Harvey A. Ramer
Nov 14 '18 at 1:40
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
Thanks a lot. This solved the problem. You are awesome.
– sudi
Nov 14 '18 at 1:50
|
show 1 more comment
Thanks for contributing an answer to Stack Overflow!
- 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%2fstackoverflow.com%2fquestions%2f53291595%2flogo-is-in-the-middle-of-the-header-though-css-is-float-right-in-the-landing-pag%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
3
It is hard to understand the problem with which you need help. Please consider adding images showing how the header is displaying and how you would like it to display along with any code examples you can provide. This article explains how to ask a question in the way most likely to receive a helpful answer: stackoverflow.com/help/how-to-ask
– Harvey A. Ramer
Nov 14 '18 at 1:00
winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:03
header logo should be displayed as shown in the link. winepeople.com.au/jsp/offer/recr/au/wpe/…
– sudi
Nov 14 '18 at 1:04
winepeople.com.au/4491001 Please consider this link for the reference.
– sudi
Nov 14 '18 at 1:05
Sudi, all of these headers are floating right. Can you confirm which page this is occurring on?
– Robert Perez
Nov 14 '18 at 1:07