Page View

1-) I want the place in the first screenshot to remain fixed when scrolling up or down the page (top header)

2-) The place I marked in red in the second screenshot looks like this in the resolution between the tablet and the PC. What I want is for it to look like the normal PC resolution.

3-) I don’t want the place I marked in red in the third screenshot to appear on the page. I can’t find the setting for this. I want this to be removed.

I expect your support for these issues.

Attachments:

You must be logged in to view attached files.

Hello,

01. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Click on the Settings button of the Top Bar > turn on the Make it Sticky option
https://ibb.co/sjBxGNv

Please refer to the documentation for more details
https://xtemos.com/docs-topic/woodmart-header-builder/
https://xtemos.com/docs-topic/how-to-enable-sticky-header-option/

02. Please use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Desktop CSS section:

.wd-header-nav {
    flex: 0 0 auto !important;
}

03. Navigate to Appearance > Widgets > and in the Main Widget Area you can remove this widget.

Best Regards

The second problem I mentioned to you is still ongoing. Even though I copied the code, this problem persists.
1-) You can see this in the first screenshot.
2-) In the second screenshot, we encounter a different problem. When we enter any page, we experience an overlapping problem in the header. I expect a solution to this problem from you. You can see this problem in the first frame. I also want to move the texts in the second frame to the middle of the page. I expect your help in this regard.
3-) In the third screenshot, it is a slightly shorter version of the second screenshot. This problem usually occurs when going from full screen to mobile screen. If you want, you can do it yourself and see it. Please go to otoeko.com, take any page to full screen and start gradually shrinking the edges and face the problem.
4-) The fourth screenshot is the tablet version. There is no problem with this version. I just wanted you to see this version. If you want. If you go to full screen from this version. You will encounter the errors I wrote in my 3 topic titles.

I will be waiting for your review and feedback. Good work

Attachments:

You must be logged in to view attached files.

Hello,

The only truly effective way to resolve this issue is to monitor the width of the content in and ensure that the header’s width always accommodates all content.

Possible solutions:
1. Reduce the font size of the text.
2. Replace text with more concise wording (e.g., change “Antalya Muratpaşa Mağazamız
” to “Antalya”).
3. Decrease the number of elements in the header 4.
4. Reduce the spacing between elements in the header

Best Regards

[Author]

Posts