Hextech

[seekier]

I do not appreciate the attitude.

Apologies, I misunderstood you and I should have given it a try before complaining.

[Diego Andrés]

Sorry to disrupt, the best solution is to change the height, to min-height.

Code Select Expand

#main_menu {
height: 50px;

Code Select Expand

#main_menu {
min-height: 50px;

[TwitchisMental]

Sorry to disrupt, the best solution is to change the height, to min-height.

Code Select Expand

#main_menu {
    height: 50px;

Code Select Expand

#main_menu {
    min-height: 50px;

Humm, that is another way to resolve it. This keeps it within the div and doesn't cause the text overlapping. Thank you for this solution Diego. 

I still don't like the double line... rather go with mobile menu option.  XD.

I do not appreciate the attitude.

Apologies, I misunderstood you and I should have given it a try before complaining.

Thank you for the apology.  Diego has provided another solution which may suit your needs better.

[TwitchisMental]

New Version Uploaded -

Code Select Expand

1.1.1 :
Added Feature : You can now enable or disable the top right color switcher.
Adjustment: Adjusted the header padding.
Update: Updated the Font-Awesome Icons to the latest version 6.2

[Steve]

Thanks Twitch. 

[TwitchisMental]

Thanks Twitch. 

No problem .

[stefanop039]

Hi, it is possible to put it in full screen, I hope I have explained myself, I am a beginner I do not know how to say, in all fields.
Thanks for your attention and congratulations

[TwitchisMental]

Hi, it is possible to put it in full screen, I hope I have explained myself, I am a beginner I do not know how to say, in all fields.
Thanks for your attention and congratulations

Open index.css and find -

Code Select Expand

/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header {
max-width: var(--set_width); /* Go to the top of this index.css and change the width on the --set_width variable to whatever you would like in px. Ex 1200px, 1600px, etc) */
margin: 0 auto;
width: 90%;
}
Replace with -

Code Select Expand

/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header {
max-width: 100%
margin: 0 auto;
width: 100%;
}

[stefanop039]

Thanks so much it works great and thanks for the quick response

[TwitchisMental]

Thanks so much it works great and thanks for the quick response

You're welcome.

[TwitchisMental]

New Version Uploaded

Code Select Expand

1.1.2 :
Update : Updated for SMF 2.1.3
Adjustment: Adjusted the breadcrumb so that all arrows are even.

[Steve]

There's still the horizontal rule problem as reported in this post: https://www.simplemachines.org/community/index.php?msg=4134546

It is invisible to me when clicking the HR button.

[TwitchisMental]

There's still the horizontal rule problem as reported in this post: https://www.simplemachines.org/community/index.php?msg=4134546

It is invisible to me when clicking the HR button.

Ahh I found the issue.

Go into index.css and find

Code Select Expand

hr {
    border: none;
    margin: 12px 0;
    height: 2px;
    background: var(--cb-color-light);
    box-shadow: 0 1px 0 var(--cb-color-dark)inset;
}
change to

Code Select Expand

hr {
    border: none;
    margin: 12px 0;
    height: 2px!important;
    background: var(--cb-color-light);
    box-shadow: 0 1px 0 var(--cb-color-dark)inset;
}

The normalize.css is overriding it. That or I could change the order in which the css loads >.>.

[TwitchisMental]

New Version has been uploaded fixing the issue.

[Steve]

Thanks Twitch! 

[TwitchisMental]

Thanks Twitch! 

No problem, another issue I fixed in this update that you may wanna do manually -

Find

Code Select Expand

input, button, select {
padding: 0 0.4em;
line-height: 2em;
}
Replace With

Code Select Expand

input, button, select {
padding: 0 0.4em;
line-height: 2em!important;
}

[Steve]

I went ahead and just updated to your latest version and am making the changes we've talked about along the way (adding the search box, etc.). To be honest though, I still don't see the horizontal rule but that's a really minor issue. 

[TwitchisMental]

I went ahead and just updated to your latest version and am making the changes we've talked about along the way (adding the search box, etc.). To be honest though, I still don't see the horizontal rule but that's a really minor issue. 

It seems to be working for me.

May want to clear cache.

You cannot view this attachment.

[Steve]

May want to clear cache.

I'll be dipped. That was the problem. Thanks again Twitch. 

[TwitchisMental]

May want to clear cache.

I'll be dipped. That was the problem. Thanks again Twitch. 

K.I.S.S strikes again haha .

Always happy to help.