Home Forums Theme Support Dokan Center the logo and main menu

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Sekander Badsha 4 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22733

    Hugo
    Member
    Post count: 2

    Hello there.

    I would like to center the following things:
    1) The logo
    2) The main menu items

    I would like these centered only when the site is viewed on a computer or iPad, not for the phone mobile view.

    What CSS code would I need to change in order to achieve this?

    Big thanks in advance.

    #22952

    Sekander Badsha
    Member
    Post count: 2067

    Hi Hugo,
    Open header.php which can be found inside “wp-content/themes/dokan/” and go to line no. 69 and you'll see something like <div class="col-md-4 col-sm-5">.
    Change that to <div class="col-md-4 col-sm-5 col-md-offset-4">. Here we have just added a class only. You may use col-md-offset-3 or col-md-offset-5 depending on the alignment you need.

    The same applies for the menu. Go to line no. 89 on the same header.php and you'll see something like <div class="navbar-header"> and you'll have to change that to <div class="navbar-header col-md-offset-4">. You can use the value in col-md-offset from 1 to 12. The lesser value will drag it left and the higher value will push it to the right.

    And if you don't want to lose your edits while the theme gets updated, make sure you make your edits in a child theme. Read our documentation about Dokan Child Theme here: http://docs.wedevs.com/category/themes/dokan/developer-documentation-dokan/child-theme/

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

The topic ‘Center the logo and main menu’ is closed to new replies.