I am currently creating a website using SP Builder and helixultimate. I'm using the predefined layout "Classic Layout".
Now I have the following problem:
The logo and the menu are flush with the content on the left as i wanted. But when you open the window fully on the desktop, the logo and menu jumps all the way to the left. The link to it is in the hidden content.
How can I prevent this?
Thanks in advance for the support.
langi
Awaiting an answer
Helix Framework
Position Logo and Menu
13 replies
Mehtaz Afsana Borsha Staff
Josef Langenegger Asked this
Hi
Your image shows the desired display. But if you make the window even wider, the logo and the menu will jump.
Regards
Josef Langenegger Asked this
Is there any solution??
Mehtaz Afsana Borsha Staff
If possible give me a screencast of this issue
Josef Langenegger Asked this
You can see this issue with the link in the hidden Content if you make the window even wider.
Mehtaz Afsana Borsha Staff
Its ok on my end if possible give me a screencast please
Josef Langenegger Asked this
You can see two screenprints in the hidden content:
No 10: This is how it should be.
No 11: If you open the window a bit more, the logo and the menu jump to the left.
Mehtaz Afsana Borsha Staff
ok got it now
Use this custom css
.sppb-addon-image-layout-image.image-fit {
position: relative;
right: 10px;
}You can change the px and set the logo where you want
=Regards
Josef Langenegger Asked this
Sorry, that's not the solution. I don't want a relative position of the logo, but I don't want the logo and the menu to jump from a certain window size.
Mehtaz Afsana Borsha Staff
You have to use custom css for that. margin-right can also help you
Josef Langenegger Asked this
I think you don't want to understand me.
It's NOT about the position of the logo
It's about displaying the pages basically correctly (logo and menu flush with content). But if you open the window in width over a certain position, the logo and menu jump to the left. You can see this in the link provided earlier. Also the two printscreens show the difference clearly. The second image shows the postion of the logo and menu after the window opens just a little above the critical point compared to the first image.
Thank you for the support.
Best regards
Muntasir Sakib Staff
Hello Josef,
I am sorry to say but I can see that you set margin for a specific screen size, see here. That's what actually created the problem for different screen sizes. However, the menu works completely fine from my end on different screen sizes.
If the issue still persists after changing the margin, feel free to give us a buzz again.
Thanks!
Josef Langenegger Asked this
Hello
Yes, it is correct. I set the margin for a certain screen size today. But that is not the problem, it is the solution! This is also the reason that the menu now works completely fine on different screen sizes. Fortunately I was able to solve the problem myself in the meantime.
Regards
Log in to reply.