I think it might have something to do with the graphic. Any help is appreciated!
That's what I did. I stated that in my earlier post. Thanks!
Hi @Anonymous what Fubar is saying is to avoid making changes to the OOB bootstrap, you can simply create your own one to make the changes you need.
Yes. This is a custom template. The CSS and Liquid in the header are custom.
General rule - don't touch the bootstrap files. Microsoft can replace them, and you will lose your changes, similarly if you rename it or move it Microsoft may re-add it and then what gets rendered will depend on the order the files load.
Instead, create your own file or use the Theme and add in the change and mark each of the items with the !important declaration to overwrite the ones in bootstrap instead.
From past experience I can confirm if your logo image is too large you will get this type of issue (and slight variations at differing screen widths). Even with your change double check on a mobile size screen as you may find the hamburger moves to the left and your spacing may not be enough etc when that occurs (and you may need to add different settings in media tags for the different screen sizes).
Yes it was a change in the header. The graphic in the header is 75px by 75px. The problem was in the generic the (bootstrap.min) file. I made the changes in the image below. Also changed (bootstrap.min) name to something specific to this site. I added padding to the top to push the menu down. Changed "padding-top" from 10px to 30px.
Did you make any header changes? or css changes? I have a blank portal here with minor customizations and seems to be working fine
Fubar
69
Super User 2025 Season 1
oliver.rodrigues
49
Most Valuable Professional
Jon Unzueta
43