How can I align two logos horizontally in the nav-bar?How to horizontally center a <div>?How to align checkboxes and their labels consistently cross-browsersHow to align content of a div to the bottom?How can I know which radio button is selected via jQuery?How do you easily horizontally center a <div> using CSS?How to align a <div> to the middle (horizontally/width) of the pageHow do I vertically align text in a div?How can I transition height: 0; to height: auto; using CSS?How to vertically align an image inside a div?Cannot display HTML string
"Oh no!" in Latin
How do you justify more code being written by following clean code practices?
Can I run 125kHz RF circuit on a breadboard?
Why can't the Brexit deadlock in the UK parliament be solved with a plurality vote?
Grepping string, but include all non-blank lines following each grep match
Identifying "long and narrow" polygons in with PostGIS
Should I assume I have passed probation?
When and why was runway 07/25 at Kai Tak removed?
Why is the Sun approximated as a black body at ~ 5800 K?
Why do Radio Buttons not fill the entire outer circle?
Can I say "fingers" when referring to toes?
Storage of electrolytic capacitors - how long?
How do I fix the group tension caused by my character stealing and possibly killing without provocation?
Anime with legendary swords made from talismans and a man who could change them with a shattered body
Ways of geometrical multiplication
Origin of pigs as a species
Proving an identity involving cross products and coplanar vectors
Echo with obfuscation
Telemetry for feature health
How to test the sharpness of a knife?
Why the "ls" command is showing the permissions of files in a FAT32 partition?
Mimic lecturing on blackboard, facing audience
Isometric embedding of a genus g surface
Would a primitive species be able to learn English from reading books alone?
How can I align two logos horizontally in the nav-bar?
How to horizontally center a <div>?How to align checkboxes and their labels consistently cross-browsersHow to align content of a div to the bottom?How can I know which radio button is selected via jQuery?How do you easily horizontally center a <div> using CSS?How to align a <div> to the middle (horizontally/width) of the pageHow do I vertically align text in a div?How can I transition height: 0; to height: auto; using CSS?How to vertically align an image inside a div?Cannot display HTML string
0
I'm using Materialize Framework and I want to put 2 logos on the navbar, one next the other.
I'm having trouble trying to accomodate these elements.
This is the codepen
I've tried playing around with the display propertie, but I can't get it right.
body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html>html css materialize
edited Mar 7 at 22:29
Amine KOUIS
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
add a comment |
0
I'm using Materialize Framework and I want to put 2 logos on the navbar, one next the other.
I'm having trouble trying to accomodate these elements.
This is the codepen
I've tried playing around with the display propertie, but I can't get it right.
body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html>html css materialize
edited Mar 7 at 22:29
Amine KOUIS
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Let me show you
– David Selem
Mar 7 at 22:44
add a comment |
0
0
0
I'm using Materialize Framework and I want to put 2 logos on the navbar, one next the other.
I'm having trouble trying to accomodate these elements.
This is the codepen
I've tried playing around with the display propertie, but I can't get it right.
body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html>html css materialize
edited Mar 7 at 22:29
Amine KOUIS
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
I'm using Materialize Framework and I want to put 2 logos on the navbar, one next the other.
I'm having trouble trying to accomodate these elements.
This is the codepen
I've tried playing around with the display propertie, but I can't get it right.
body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html> body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html> body
background-color: gray;
.brand-logo
display: flex;
flex-wrap: wrap;
.brand-logo > #logoUnacar,#svgUnacar
line-height: 40px;
text-align: center;
#logoUnacar
order: 1;
width: 12%;
#svgUnacar
order: 2;
width: 50%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper light-blue darken-4">
<a href="#" class="brand-logo">
<img id="svgEscudo" src="https://svgshare.com/i/Bbx.svg">
<img id="svgUnacar" src="https://svgshare.com/i/BcX.svg">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Inicio </a>
</li>
<li><a href="badges.html">Registrar Proyecto</a>
</li>
</ul>
</div>
</nav>
</body>
</html>html css materialize
html css materialize
edited Mar 7 at 22:29
Amine KOUIS
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
edited Mar 7 at 22:29
Amine KOUIS
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
edited Mar 7 at 22:29
Amine KOUIS
1,13459
edited Mar 7 at 22:29
Amine KOUIS
1,13459
edited Mar 7 at 22:29
Amine KOUIS
1,13459
1,13459
asked Mar 7 at 21:56
David SelemDavid Selem
278
asked Mar 7 at 21:56
David SelemDavid Selem
278
asked Mar 7 at 21:56
David SelemDavid Selem
278
278
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Let me show you
– David Selem
Mar 7 at 22:44
add a comment |
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Let me show you
– David Selem
Mar 7 at 22:44
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Let me show you
– David Selem
Mar 7 at 22:44
Let me show you
– David Selem
Mar 7 at 22:44
add a comment |
2 Answers
2
active
oldest
votes
1
I have used two logos side to side in navbar horizontally. Hope this helps.
<!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html>answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
add a comment |
1
You can do something like this:
.brand-logo > img
max-height: 40px;
Replace 40px with whatever looks good to you
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
add a 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
);
);
draft saved
draft discarded
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%2f55053430%2fhow-can-i-align-two-logos-horizontally-in-the-nav-bar%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
1
I have used two logos side to side in navbar horizontally. Hope this helps.
<!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html>answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
add a comment |
1
I have used two logos side to side in navbar horizontally. Hope this helps.
<!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html>answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
add a comment |
1
1
1
I have used two logos side to side in navbar horizontally. Hope this helps.
<!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html>answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
I have used two logos side to side in navbar horizontally. Hope this helps.
<!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<title>yo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">
<img src="download.png" alt="logo" style="width:40px;">
<img src="download.png" alt="logo" style="width:40px;">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link . . </a>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>hey</h1>
<p>GLHF</p>
</div>
</body>
</html>answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
answered Mar 7 at 22:32
Lakshya SrivastavaLakshya Srivastava
10019
10019
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
add a comment |
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
I had to adjust some things but this helped me a lot, thanks!
– David Selem
Mar 7 at 23:57
add a comment |
1
You can do something like this:
.brand-logo > img
max-height: 40px;
Replace 40px with whatever looks good to you
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
add a comment |
1
You can do something like this:
.brand-logo > img
max-height: 40px;
Replace 40px with whatever looks good to you
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
add a comment |
1
1
1
You can do something like this:
.brand-logo > img
max-height: 40px;
Replace 40px with whatever looks good to you
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
You can do something like this:
.brand-logo > img
max-height: 40px;
Replace 40px with whatever looks good to you
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
answered Mar 7 at 23:05
Thomas PrinceThomas Prince
33215
33215
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
add a comment |
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
I tried this earlier but the wouldn't stay aligned
– David Selem
Mar 7 at 23:58
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f55053430%2fhow-can-i-align-two-logos-horizontally-in-the-nav-bar%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
Can you describe the desired output?
– mhatch
Mar 7 at 22:00
Let me show you
– David Selem
Mar 7 at 22:44