Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #56037
    dfwrgjeff
    Participant

    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

    #56071
    Sakin
    Keymaster

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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Spacing on Menu’ is closed to new replies.