Hello everyone, I have a problem on a website. I have a header and it consists of a text part and two buttons. The buttons are displayed very small. If I enlarge them, they are displayed the same size in all break points. If I switch to the smartphone view and reduce the size of the button there, this is transferred to all other breakpoints in this reduced size without consideration. What can I do about this?
Is this Blocs?
Do you have any classes added to the button?
No, I don’t have that. For example, I go to the smartphone breakpoint and set the following here:
In Braekpoint with high resolution, I set a larger display and the result is ignored:
I would remove your buttons here and start again and apply a class wnd size it through breakpoints to what you want.
Good luck!
1 Like
Okay, thank you very much. That is of course a solution. The only question is why it doesn’t work with the software defaults. This way would of course be more convenient.
Not really, as each button I guess needs to be manually adjusted each time and more prone to mistakes etc…
With a class it has a global change, just add class to a button anywhere on the site, one change and Boom! All done.
Plus you have soooo many more options for styling and transitions etc.
2 Likes
I’m new to Blocs, so I have to ask how I can adapt the class to the different breakpoints?
Hi @so27
No problem at all, we will help as much as we can and advise in the right areas.
I always work my button class on the smallest breakpoint and adjust as I get bigger - thats just how I do it. When you apply this class to buttons, this will keep it the same throughout.
Here is a video from @Eldar - which I am sure will show the principles of a button.
If you need a lot more info then check his Blocs Master courses that will show details of Blocs 6 and literally hundreds of other things!
4 Likes