Title: Mantra theme design Last modified: August 20, 2016 --- # Mantra theme design * Resolved [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/) * this is my website –> oasis.pk Im using Mantra theme.. * I want to move the Search bar a little upward so that it can align with the top Menu . how can I do that ? 🙁 * and under the PAGES section , I want the pages to be displayed like they are displyed in this website [http://www.cbr.gov.pk/](http://www.cbr.gov.pk/) * so that a vertical menu is formed on the left hand side. at the moment only links of the pages are being displayed..I want to display a proper Menu, that if we hover on it, its sub pages also display …. plzz help me on this project of mine 🙁 Viewing 15 replies - 1 through 15 (of 50 total) 1 [2](https://wordpress.org/support/topic/mantra-theme-design/page/2/?output_format=md) [3](https://wordpress.org/support/topic/mantra-theme-design/page/3/?output_format=md) [4](https://wordpress.org/support/topic/mantra-theme-design/page/4/?output_format=md) [→](https://wordpress.org/support/topic/mantra-theme-design/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354855) * Try using a browser developer tool for this kind of exploratory CSS work. I used Google [Chrome’s built-in Developer Tool](https://developers.google.com/chrome-developer-tools/docs/elements) just because I find it particularly easy to expose underlying HTML and CSS as compared to Firebug. * Now that you know the style, from being exposed/added by the Developer Tool, you can add a new style to override it. * You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates. * External changes can be made using a [Child Theme](https://wordpress.org/support/topic/mantra-theme-design/codex.wordpress.org/Child_Themes?output_format=md#Example_of_a_basic_Child_Theme) or through a plugin that provides Custom CSS functionality. * I recommend using the [Jetpack plugin](http://wordpress.org/extend/plugins/jetpack/) and its [Custom CSS functionality](http://jetpack.me/support/custom-css/) to hold your CSS modifications. * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354902) * there’s an option in this to theme…to add Custom CSS…i just want to know which part off CSS should I add where so that the Search box aligns with the upper menu * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354903) * Then it sounds as though you’ll need the support of a CSS forum like [CSS Creator](http://csscreator.com/forum). * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354912) * It does not look like you can move the search up using CSS — because it’s in the sidebar element. Sometimes it will work to put a negative top margin in that kind of situation, but I tried it and it got cut off. So you’d likely have to move the search box into the header.php file. To do that, you’d first need to have a child theme set up. * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354990) * yeah I added the search box code in the header.php….. now I have a second issue… i.e i need to add border on the left and right side of the page..so that it can meet with the footer at the bottom of the page….. * how would I add that border ?? .. i tried in the CSS but i cant seem tp solve the problem…. i have added a custom css to show a transparent background, is that the problem its not showing the border ? * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3354997) * Sorry, but you really need to go back and create a child theme. Making changes to theme files is not a good way to go — all your changes will be lost when the theme is updated. Believe me, you really don’t want to deal with that down the road. * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355056) * what if I dont update the theme … then ? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355057) * Your server may update the theme automatically, in which case you’ll need to buy a new hosting service. * We’re really not comfortable advising you to go down the route of migraines when not using a Custom CSS plugin or a Child Theme. * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355059) * while creating the child theme , do I have to add the CSS file? ….or the Header. php file in which I did the modification ?? * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355060) * look ..there’s an potion of Custom CSS within the theme * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355061) * Sorry, you’ll need a Child Theme for this modification. * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355062) * okay…im crating the child theme…but tell me this… example: i have mantra-childtheme in this directory ,will i add the header.php and then make changes to it ? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355063) * That is correct. * Thread Starter [shdaniyal](https://wordpress.org/support/users/shdaniyal/) * (@shdaniyal) * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355064) * okay * that means…if I have to modify any php file…I would add the original php file in this directory and then make changes to it …right ? * and code similar to this one will be added at the top of every php file //right?. * ``` /* Theme Name: Twenty Twelve Child Theme URI: http://example.com/ Description: Child theme for the Twenty Twelve theme Author: Your name here Author URI: http://example.com/about/ Template: twentytwelve Version: 0.1.0 */ ``` * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/mantra-theme-design/#post-3355065) * > that means…if I have to modify any php file…I would add the original php file > in this directory and then make changes to it …right ? * Absolutely. * > and code similar to this one will be added at the top of every php file //right?. * No, that should just be in your Child Theme stylesheet (style.css). Viewing 15 replies - 1 through 15 (of 50 total) 1 [2](https://wordpress.org/support/topic/mantra-theme-design/page/2/?output_format=md) [3](https://wordpress.org/support/topic/mantra-theme-design/page/3/?output_format=md) [4](https://wordpress.org/support/topic/mantra-theme-design/page/4/?output_format=md) [→](https://wordpress.org/support/topic/mantra-theme-design/page/2/?output_format=md) The topic ‘Mantra theme design’ is closed to new replies. ## Tags * [search box](https://wordpress.org/support/topic-tag/search-box/) * 50 replies * 4 participants * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/) * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/mantra-theme-design/page/4/#post-3355299) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics