This topic contains 1 reply and 2 voices, and was last updated by Sekander Badsha 5 years, 3 months ago
Viewing 1 Posts - 1 through 1 (of 1 total)
Author Posts
July 2, 2014 at 3:23 pm 22733
Sekander Badsha 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.
July 5, 2014 at 11:11 am 22952
Sekander Badsha Sekander Badsha

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:

Viewing 1 Posts - 1 through 1 (of 1 total)