Would adding a width setting under 'Responsive Header and Navigation' for the logo help?Right. I'll have to re-think whole header situation then
Normally that problem would be solved by adding overflow:hidden to logo container, but in 1.2 that would hide search popup, so that's not an option.
Think this might be due to xenporta (what btw as a 1.2 version, its been posted within the discussion for the addon) but videos via the media bbcode don't resize on the portal, what adds a big gap down side.
iframe
{
display: none;
}
.baseHtml iframe
{
display: block;
max-width: 100%;
}
Style has been updated for XenForo 1.2 RC 2 (not much to update, almost all bugs fixed in 1.2rc2 were already fixed in style ) and issue with centering logo should be fixed now.
Install xml file in admin control panel to update style. No need to replace any files.
Confirmed, it's fixed Great work@Carla Birch There is a new option to center logo separate from logo width. It (and changes in code) should solve logo problems.
Any plans for a dark version of this? If not, how difficult would it be to get something along the lines of the Class theme?
http://www.audentio.com/preview/xenforo/class
Bottom borders: apply that change I posted above to remove image, add border radius to #headerMover:Top borders are very tricky because dark background is covering white background, not other way around. It can be done by adding 2 absolutely positioned boxes to each top corner: one with dark background, one with white background covering it and border radius for corner. Add this to extra.CSS:Code:#headerMover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
Code:#navigation { position: relative; } #navigation:before, #navigation:after, #navigation nav:before, #navigation nav:after { display: block; content: ''; position: absolute; top: -10px; left: -15px; width: 5px; height: 5px; background: #53777A url('@imagePath/xenforo/layout/pattern.png'); } #navigation nav:before, #navigation nav:after { left: auto; right: -15px; } #navigation:after { border-top-left-radius: 5px; background-color: @pageBackground; } #navigation nav:after { border-top-right-radius: 5px; background-color: @pageBackground; } @media only screen and (max-width: 1060px), only screen and (max-device-width: 1060px) { #navigation:before, #navigation:after, #navigation nav:before, #navigation nav:after { display: none; } }
Hi Arty,
You helped me out about a year ago with the question I just quoted; now I'm trying to do something a little different. How would I go about rounding the area with the green arrow?
View attachment 52123
You're awesome, thanks
We use essential cookies to make this site work, and optional cookies to enhance your experience.