Custom CSS

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #19058
    G Ainsley
    Participant

    How do I remove the gap between the primary nav and the sliders?

    I’ve tried the Custom CSS code but it makes not difference.

    #19060
    Jamie Marsland
    Keymaster

    Hi Guy,

    What code did you try?

    I think the following should work

    #navigation {

    margin-bottom: 0px;

    }

    Jamie

    #19062
    G Ainsley
    Participant

    Thank you for the response.

    The code below is from the Academy. (It’s slightly different). The code you sent just now is what I remember but it’s not working -it used to.

    It’s frustrating as whenever I update frameworks etc you seem to lose the little formatting tweaks.

    Kind regards,

    Guy.

    From Academy:-

    Reduce space between Primary Navigation Menu and Slider

    #navigation {

    margin-bottom: 1em;

    }

    The code in the Custom CSS is as below. I’ve tried putting it in both sections.

    /* GLOBAL STYLES
    —————-
    Add styles beneath this line that you want to be applied across your entire site */

    #navigation {

    margin-bottom: 0px;

    }

    /* DESKTOP STYLES
    —————–
    Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
    @media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */

    #19074
    G Ainsley
    Participant

    Thank you for the response.

    The code below is from the Academy. (It’s slightly different). The code you sent just now is what I remember but it’s not working -it used to.

    It’s frustrating as whenever I update frameworks etc you seem to lose the little formatting tweaks.

    Kind regards,

    Guy.

    From Academy:-

    Reduce space between Primary Navigation Menu and Slider

    #navigation {

    margin-bottom: 1em;

    }

    The code in the Custom CSS is as below. I’ve tried putting it in both sections.

    /* GLOBAL STYLES
    —————-
    Add styles beneath this line that you want to be applied across your entire site */

    #navigation {

    margin-bottom: 0px;

    }

    /* DESKTOP STYLES
    —————–
    Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
    @media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */

    #19077
    Jamie Marsland
    Keymaster

    Hi Guy,

    Can you send through a link to the website?

    Jamie

    #19078
    G Ainsley
    Participant
    #19099
    Jamie Marsland
    Keymaster

    Hi Guy,

    Looks like you’ve fixed this?

    Love the site btw :)

    Jamie

    #19100
    G Ainsley
    Participant

    Hello Jamie,

    Thanks. I’m trying!

    I got the code below from Woothemes. I set the px to 3 to put a small gap in.

    #nav-container {
    margin: 0px;
    }

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Scroll to Top