Fixed Headroom breaks pre/back Buttons, Icons into top-navigation

contao-themes-net / odd-theme-bundle

odd theme bundle for contao cms

https://contao-themes.net/theme-detail/odd.html

Other

4 stars 2 forks source link

Fixed Headroom breaks pre/back Buttons, Icons into top-navigation #8

Closed mr2017x closed 4 years ago

mr2017x commented 4 years ago

Hi @MDevster ,

sadly it was to soon closed here.

thank you very much i'll give it a try. But first question was not regarding to fonts but to "foreign"/"own" icons, e.g png. How can i place them properly in that top-top-navigation (right beneath facebook).

sadly if i comment headroom out by // it doesn't show <> on sliders but pre and back, if remove the comment // it is all fine.

MDevster commented 4 years ago

Please excuse me, my solution would be as follows:

Use picture element
Set image size to 40x40 pixels
Enable Overwrite Metadata
Insert image link
Add CSS class for example "icon"

Then insert the following into custom.scss:

.navbar-top .ce_text.icon { float: right; }

See screenshots for details

Artikel › 01 02 Top Navbar › Inhaltselemente odd pdir dev Odd Theme Demo - odd - contao theme

seibtph commented 4 years ago

The css should be .navbar-top .ce_image.icon { float: right; } not .ce_text ;)

mr2017x commented 4 years ago

i saw that :-) but still there is a problem with commenting out headroom.js. it breaks other js

Uncaught ReferenceError: Headroom is not defined at HTMLDocument.<anonymous> (bootstrap.min.js,all.min.js,scripts.js-e7d7bb64.js:108) at e (jquery.min.js-e7f3ea1e.js:2) at t (jquery.min.js-e7f3ea1e.js:2)