Home › Forums › WoodMart support forum › Header center problem
Header center problem
- This topic has 9 replies, 2 voices, and was last updated 1 year, 6 months ago by
Bogdan Donovan.
-
AuthorPosts
-
August 21, 2023 at 4:52 pm #490175
ahmet.yusuf.arslan.ayaParticipantHello, we are using header like the link,
and we are using the top-main-bottom header.
Our main header is left side 2 elements right side 4 elements using..
and center is logowhen we make the center is more then near the left side it didin’t been center
August 21, 2023 at 4:55 pm #490177
ahmet.yusuf.arslan.ayaParticipantwe are trying to say, our logo is not page center, logo is center to row.. we wanna make center and we dont wanna broke like this design..
August 21, 2023 at 5:26 pm #490199
ahmet.yusuf.arslan.ayaParticipantand when we add any product on cart, price is going right side and logo going to one more left. Logo need the be center everytime… Emergency we need help our tiem is low
August 22, 2023 at 8:10 am #490309
ahmet.yusuf.arslan.ayaParticipant14 HOURS WE ARE WAITING REPLY AND SUPPORT UNBELIVABLE !!!!
August 22, 2023 at 9:50 am #490335
Bogdan DonovanKeymasterHi,
Sorry for the late reply. Your logo is not centered because of the row layout that you have chosen. To fix your issue, please follow these steps:
1. Remove all custom code related to your logo (screenshot https://prnt.sc/8rippOfHSTLp)
2. Navigate to your main row layout settings and choose “Equal right and left columns” layout (https://prnt.sc/bRGpo0evgKLD).
3. Merge two left menus with one menu item in each menu into one menu with two menu items, because in another case, two menus will equally share space of the column and look stretched (https://prnt.sc/SpEhNijtklQE).
4. Select “Left” in the Menu align option to align menu items (screenshot https://prnt.sc/ute3rQollMhc).After making the following steps, your left and right columns will have equal widths not depending on their content and your logo will be aligned strictly on the header row center (screenshot https://prnt.sc/7QLRbNDWWZ-o).
August 22, 2023 at 10:11 am #490345
ahmet.yusuf.arslan.ayaParticipantwe make it all of them but left side menu still not good
we make it the menu align left but not workingAttachments:
You must be logged in to view attached files.August 22, 2023 at 10:12 am #490349
ahmet.yusuf.arslan.ayaParticipantby the way when we scroll menu is need the be together with icon white background black color
how can we do this ?August 22, 2023 at 12:10 pm #490396
Bogdan DonovanKeymaster1. By default, the header builder menu element is occupying all available space in the column. Adding two equal menu elements in one column forces them to share one column, each of which will occupy exactly half of it (video https://gyazo.com/65949b1be5e4c5dec4f3dbda8703c51c). In this case, like we said previous reply, we recommend instead of two separate menus with one item in each, create one menu with two menu items.
As an alternative, if you want to use two menus simultaneously, you can add the following code snippet to the Custom CSS area in Theme Settings to remove the menu stretching in your left header column, but we will recommend the first solution as a more native approach.
.whb-col-left .wd-header-nav { flex-grow: 0; }
2. We have replied to you about this issue in the corresponding topic: https://xtemos.com/forums/topic/header-problem-emergency/#post-490388
Kind Reagards
August 22, 2023 at 4:17 pm #490495
ahmet.yusuf.arslan.ayaParticipantthank you
August 22, 2023 at 4:26 pm #490501
Bogdan DonovanKeymasterYou are welcome!
-
AuthorPosts
Tagged: Hedaer builder
The topic ‘Header center problem’ is closed to new replies.
- You must be logged in to create new topics. Login / Register