Menu + Background color

Support
#1

Hello,

  1. I’d like to manage to do a similar menu to the one on this website. How can I do this? I’d appreciate some direction with the code needed and where to change it. Note that I’d like the submenu to be in the navbar (like on the website mentioned) and not outside the navbar on the right side.

  2. How can I change the background color on the entire website? I changed it here but it doen’t work…

Thanks,
Antoine

#2

Hi Antoine,

#1 The closest style of navbar for this is to use the Navigation Layered element using Pro. Aside from this, it would involve some custom code which goes beyond the scope of our support.

#2 If you are using fullwidth sections on the page, please check that the section does not have a background color set to it to make sure it’s not covering the main background. If you are still not able to sort out the issue, please provide us with the URL of the site in question so that we can check it.

Thank you.

#3

Thank you. I will stick to a simple menu without sub-menu then.

Could you please tell me how I can remove the spacing between the logo and the menu?
URL: https://unepausenergetique.fr/ (pwd: france)

Thanks,
Antoine

#4

Hi Antoine,

Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.x-navbar-fixed-left .desktop .x-nav, .x-navbar-fixed-right .desktop .x-nav {
    margin-top: 0;
}

Hope that helps.

#5

Thank you!

I noticed that I sometimes have the option to add shadow to columns and sometimes not. What can explain this difference and how can I solve the issue and make sure I always have the option to add shadows?

Note that I work with several websites and it might explain the difference. I’d like to add shadows on some columns of that page (section #2): https://unepausenergetique.fr/ (pwd: france)

Thanks,
Antoine

#6

Hi @Lecoqdigital,

May I know which shadow option? Please provide a screenshot. Your site is on X theme, perhaps you’re referring to Pro options?

Thanks!

#7

This for example, which is on the column element:

#8

Hi @Lecoqdigital,

Ah, I thought the effects are missing when rendered randomly. With that, it’s only possible with newer versions and the v2 columns. You’re probably editing the classic content where columns are still classic and that option is not available.

Or if you’re on X theme, you can enable the Advanced Mode to see other options.

Thanks!

#9

Thanks for the explanation. This option was already activated but I realised I needed to created a new section and copy the content to get the new options. :slight_smile:

#10

You are most welcome. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.