Hey FlatText,

1. Please try this in Quick CSS: nav.main_menu {border-bottom:1px solid blue;}

2. Please try putting the slideshow inside a Color Section.

3. Please try this in Quick CSS: .title_container .main-title {font-size:20px !important;}

4. Can you try setting this in Enfold > Advanced Styling?

5. I’m not sure what you mean by Sub-head. Can you specify, please?

6-8. You can set the font colors in Enfold > General Styling. For the font family, size, and weight, please set it in Enfold > Advanced Styling.

9. Please try this in Quick CSS: #footer {border-top: none !important;}

Please let us know if you need further help.

Best regards,
Sarah

Hi,

We’re glad that Rikard was able to help. Do you have any other questions about this topic, or can we close this thread?

Cheers!
Sarah

Hi,

Okay. I’ll try to get you started. :)

I see that you’ve set the color section to have the ID “header-home”. This color section, by default, has paddings of 50px. It also has automatically set margins to center it. To change the padding, you can try this:

#header-home .container:first-child {padding: 10px;}

If you need to change other margins, you’ll have to check the source code (right click on the page in your browser, then select “Inspect” or “View Source”) and see the classes for the element you wish to change.

If you need to make some CSS code work only for phones or tablets, or only for desktops, please use this page for reference: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I hope that helps!

Best regards,
Sarah

Hi Ben,

Have you tried the solutions presented here or here?

Best regards,
Sarah

Hi,

Glad that Rikard helped you, let us know if you need more assistance regarding this topic or if we can close the thread :)

Best regards,
Nikko

Hey hindsight-it,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top #header .av-main-nav > li > a {
    border: 1px solid #000;
    box-sizing: border-box;
    margin: 0 8px;
    border-radius: 3px;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Thank you for the link, and for informing us that you would like to change the margins for the color section at the very top. :)

In order for us to help you accurately, can you tell us more about your request? Please let us know which margins you want to change, and how exactly you wish to change them. For example: “Inside the color section, I would you like to change the space above the text, ‘Préparez votre expatriation’. I would like this space to be 10px on mobile phones only.”

Thank you!

Best regards,
Sarah

Hi,

I’m not sure I understand properly the question, but I think you want to decrease the size of the iconbox, try adding this css code in Quick CSS:

#top .iconbox.av-no-box .iconbox_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

Just adjust the values as you see fit. Hope this helps :)

Best regards,
Nikko

Hi,

Let us know if you need more assistance regarding this topic or if we can close it :)

Best regards,
Nikko

Hi,

Try this code

@media only screen and (max-width: 450px) {
    .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
     .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
         margin: inherit;
     }
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi BenWorx,

Are you using the hamburger menu on desktop? If not, this code will not work. Could you explain a bit more what are you trying to achieve?

Best regards,
Victoria

Hi Florian,

Here is what you could try:
https://coderwall.com/p/b-zq7g/bugfix-jquery-animate-scrolling-for-firefox
https://stackoverflow.com/questions/37591372/jquery-animate-scrolltop-issue-in-firefox

If you need further assistance please let us know.
Best regards,
Victoria