Skip to content
This repository has been archived by the owner on Jan 22, 2024. It is now read-only.

Navbar Width/Placement Confusing with IMGs #128

Open
jeremy-farrance opened this issue Sep 17, 2020 · 0 comments
Open

Navbar Width/Placement Confusing with IMGs #128

jeremy-farrance opened this issue Sep 17, 2020 · 0 comments

Comments

@jeremy-farrance
Copy link
Collaborator

If you have a image for the logo, the width and placement of the Navbar become "un-logical." I did 1 (below) and it obviously helped, but 2, adjusting the width did not seem to work as expected (to me).

Chris wrote:

The navbar problem you see is a good Issue to file so I can address it. It assumes an inline SVG logo because they are so superior, but when you don’t have that and insist on uploading the logo image to DNN, the resulting tag needs some adjustments to fit nicely (I mean 100% of my snark, too)

For now, if you want to quickly address that, you need two things:

  1. In the _logo.ascx file, add this class to the tag: img-fluid
  2. The .navbar-brand class has a fixed width applied to it. In the _navbar.scss file, go to line 38.

Here is what it looks like after setting the width to 600px and adding "img-fluid"
image

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant