The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Code breaks Navigation bar (center bar slide to the right)

3 posters

Go down

Solved Code breaks Navigation bar (center bar slide to the right)

Post by ThePumpkin Thu Oct 05, 2023 9:55 pm

Hello! I am having a weird problem that I dont know how to fix. I looked around the site here but didnt found anything.
I will provide images but hope Bulgarina language on them dont bother you or confuse you.

On short:

After some CSS code about scaling forum (from what i understand), few weird things happen - our Quick Reply button shrank (i manage to semi fix that one)

Code breaks Navigation bar (center bar slide to the right) Proble10

But also our Menu broke. This is how our meu look centered.
(Pictures by few differet devices)

Code breaks Navigation bar (center bar slide to the right) Proble12

Code breaks Navigation bar (center bar slide to the right) Proble11

On smaller (15 inch laptop) monitor if we put menu on option LEFT it looks as centered, but on big one...is saying in left side.

Code breaks Navigation bar (center bar slide to the right) 44a7c6d9e2c55ea61a8aaab30e13fcfade0b7a50

This is the CSS codes we have/had when bug happen:

Code breaks Navigation bar (center bar slide to the right) 2369532c2894f55b497be77f8bba61ac9ed8ad51

May anyone help me? Thank you!

Edit: I would like to ask if anyone know how we to make it auto scale, so on phone/tablet/pc/laptop pictures to look kind of equally good. I know i can scale forum from general-configuration etc, but then the body of the forum become too big and wide which is slightly a problem for writing role play.



ThePumpkin
ThePumpkin
New Member

Female Posts : 15
Reputation : 1
Language : Bulgarian

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by SLGray Thu Oct 05, 2023 11:43 pm

Please post the link to your forum?


Code breaks Navigation bar (center bar slide to the right) Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by ThePumpkin Thu Oct 05, 2023 11:55 pm

SLGray wrote:Please post the link to your forum?

Hello!
https://odnovreme.forumotion.eu This is the link to the forum.
ThePumpkin
ThePumpkin
New Member

Female Posts : 15
Reputation : 1
Language : Bulgarian

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by Razor12345 Fri Oct 06, 2023 9:18 am

Good morning!

There are a number of inaccuracies in the code you sent.

1)
Code:
bodylinewidth
- you can set this value without CSS - AP - General - Forum - Configuration - Forum width (number or %)
2)
Code:
bodyline
- there is no float value in position
3)
Code:
th, td, p
- you don't specify the instruction, so all elements with those tags in the forum will have the styles you specified.
Because of this, your post-bar and navigation menu are broken.

The last code - I don't know which element it styles.

Edit: I would like to ask if anyone know how we to make it auto scale, so on phone/tablet/pc/laptop pictures to look kind of equally good. I know i can scale forum from general-configuration etc, but then the body of the forum become too big and wide which is slightly a problem for writing role play.

Are you talking about images in posts or in the forum design?


Code breaks Navigation bar (center bar slide to the right) Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1584
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by ThePumpkin Fri Oct 06, 2023 1:08 pm

Razor12345 wrote:Good morning!

Good morning!
Thank you for your help!

For the 1)bodylinewidth - when i change from the % in the Configuration it still look different for everyone. I changed it to this and it seemd to work better.

.bodylinewidth {
width:1200px}

Just our idea with the scale code was when someone 15 inch and someone 17 inch go in forum to have smale look,not background be a little more for the one or the other.
Thank you so much for your help.
So far i believe we solved the problem here, unless someone know such scaling code.
ThePumpkin
ThePumpkin
New Member

Female Posts : 15
Reputation : 1
Language : Bulgarian

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by Razor12345 Fri Oct 06, 2023 2:03 pm

To fix the background, you can add CSS code:

Code:

body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


Code breaks Navigation bar (center bar slide to the right) Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1584
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

TonnyKamper likes this post

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by ThePumpkin Fri Oct 06, 2023 2:24 pm

Razor12345 wrote:To fix the background, you can add CSS code:

Code:

body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

Thank you! Solved!
Have a great day.
ThePumpkin
ThePumpkin
New Member

Female Posts : 15
Reputation : 1
Language : Bulgarian

Back to top Go down

Solved Re: Code breaks Navigation bar (center bar slide to the right)

Post by Razor12345 Fri Oct 06, 2023 2:33 pm

You are welcome!

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


Code breaks Navigation bar (center bar slide to the right) Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1584
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum