- This topic has 1 reply, 2 voices, and was last updated 9 years ago by Sakin.
-
AuthorPosts
-
April 17, 2015 at 11:33 pm #56037dfwrgjeffParticipant
On the website http://1sourceapartments.com/ – I would like to reduce the spacing on some of the sections and I am still having issues
Title – I had to put padding in the title to make it line up with the logo. When I view it on a responsive then there is too much space between the logo and the title. Can I adjust the spacing for standard view only and on responsive leave it no spacing?
There is too much space between the menu and the logo above it – where do I edit the padding above the menus?
There is too much spacing between the headline section and the body also.
I do have access to the style.css and would prefer to edit it there than to add it into the custom css
April 18, 2015 at 2:14 pm #56071SakinKeymaster@dfwrgjeff: Look like you have directly changed the css in style.css of theme. You shouldn’t edit/add any files inside catch-kathmandu-pro theme directly as all these edits will be reverted back to original when you update the theme. So, to edit CSS, you can either add it in “Appearance => Theme Options => Custom CSS” box or build child theme and add in your child theme style.css. For child theme you can refer to http://catchthemes.com/blog/create-child-theme-wordpress/. So, remove your css changes.
For any css, just for desktop only, you need to add inside this media screen. So, your padding top for title, should be as below:
@media screen and (min-width: 961px) { #site-title { padding-top: 40px; } }
I see following css in “Appearnace => Theme Options => Custom CSS” box:
#hgroup-wrap { padding-bottom: 20px; }
Replace that with the following:
#hgroup-wrap { padding-bottom: 0; }
Note: if you like to edit style.css then it shouldn’t be in parent theme, it should be in child theme.
-
AuthorPosts
- The topic ‘Spacing on Menu’ is closed to new replies.