Docs

[Pablo]

I’m making my website on the url http://www.elkebussels.be and I have 3 questions/issues:

1) Viewing my website in landscape mode on an iPad mini, the top menu is too long. It is split over 2 lines (http://prntscr.com/el4zii). What is the correct CSS to make it a mobile button? Or can you give me any other solution to handle this problem?

2) The Search field is in English (http://prntscr.com/el50gh). Where en how can I translate this?

3) If I share this website on Facebook, the meta description is not ok (http://prntscr.com/el516h). Where can I change this?

Kind regards,

Pieter

[Rue Nel]

Hello Pieter,

Thanks for writing in!

#1] To display the mobile button earlier to make sure that the menu will not have 2 lines, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

@media (max-width: 1160px){
  .masthead-stacked .x-navbar {
    text-align: center;
  }

  .masthead-stacked .x-btn-navbar {
    display: inline-block;
  }

  .x-nav-wrap.mobile.collapse,
  .x-nav-wrap.desktop {
    display: none;
  }

  .x-nav-wrap.mobile.collapse.in {
    display: block;
  }
}

#2] You will need to translate X theme. To do that, please check this out: https://community.theme.co/kb/translation/

#3] You will need to scrape again the new information from your site. The last time I check, I no longer see the invalid meta description. Please check it here: https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Felkebussels.be%2F

Hope this helps.

[Author]

Posts