Home Forums WoodMart support forum Header center problem

Header center problem

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #490175

    Hello, 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 logo

    when we make the center is more then near the left side it didin’t been center

    #490177

    we 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..

    #490199

    and 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

    #490309

    14 HOURS WE ARE WAITING REPLY AND SUPPORT UNBELIVABLE !!!!

    #490335

    Bogdan Donovan
    Keymaster

    Hi,

    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).

    #490345

    we make it all of them but left side menu still not good
    we make it the menu align left but not working

    Attachments:
    You must be logged in to view attached files.
    #490349

    by the way when we scroll menu is need the be together with icon white background black color
    how can we do this ?

    #490396

    Bogdan Donovan
    Keymaster

    1. 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

    #490495

    thank you

    #490501

    Bogdan Donovan
    Keymaster

    You are welcome!

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Header center problem’ is closed to new replies.