Can you really tell me what you were thinking when creating that script? When is it more useful to have these three elements independent? Show me a single example of a navbar that correctly displays the sign-in button, name, and profile photo to convince me otherwise. I think you could give me each script separately, and we could use it in our designs appropriately without destroying the style of the navbar.”
Which script is this about? If possible can you share a link or screenshot?
There is literally no way you can have all the features like username and profile photo in the element without destroying the navbar style.
The only way to use the elements properly is if they were separated, it would also allow you to use the elements in different parts of the design,
What are you talking about? The forum software? And what is your problem?
How can I explain it to you? When they created the sign-in function in the e-commerce section, the profile image and the name are all displayed within the same div, which makes it look really ugly and unaesthetic when all the functions are activated. I mean, when the button shows both the name and the image. You should offer me the elements separately: one div for the username, another div for the photo, and another for the button. Or, if you want to keep everything in one div, once the session is started, remove the button and only show the username, the photo, and three dots like this (: ) to log out.
I’m not talking about the forum software I’m talking about the Sign in session in tne ecommerce section of boostrap studio
Thank you for the screenshot! You can target the individual elements with CSS and hide them, apply margins etc. You will need to inspect the element in dev tools to see which CSS selectors you should use to target the elements.
It can’t be like that, let me explain. I tried to change the style of the button, but it didn’t work; only the text changed. On the other hand, in my current design, I’m targeting the CSS because it was necessary to change the text color to black on small screens, which has some drawbacks. For example, on the order status page, on large screens, the button is displayed in the middle of the page. On small screens, you know that the CSS works, but the problem is that the page background is white, which means that the text isn’t visible properly on large screens on that specific page. This also means that if I activate the name and photo functions on this page, the name and photo would be displayed in the middle of the page, and this function is necessary.
